4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: mawenzi on June 10, 2009, 06:16:27 PM
-
:flag-de: - zunächst einmal nur in deutsch ...
:flag-en: - a englisch version is coming soon ... or later ... ;) ... meanwhile use this English-Google-Translation (http://translate.google.com/translate?u=http%3A%2F%2Fwww.4homepages.de%2Fforum%2Findex.php%3Ftopic%3D25017.0&langpair=de%7Cen&hl=de&ie=UTF-8) ...
Vorbemerkung :
- Mit dieser Modifikation ist es möglich überall in den Templates auf eine zweite Größe der Vorschaubilder zuzugreifen.
- Konkret wurde diese Möglichkeit durch Rantanplan1966 hier http://www.4homepages.de/forum/index.php?topic=25013.0 angefragt. Dort sind auch Bilder zu dieser Problemstellung zu finden.
- Um z.B. im Standard-Template in der linken Navigationsspalte, die eine Breite von 150px hat, auch Thumbnails als Zufallsbild zu zeigen, die von der Webstite-Einstellung her aber gößer als 150px sind, ohne dass dadurch das Template (speziell die Navigationsspalte) auseinandergezerrt und so das Template gesprengt wird.
- Das Gleich gilt natürlich auch für andere Templates, bei denen dieses Problem auftritt.
- Andererseits kann man das neue, kleine Thumbnail aber auch woanders, z.B. in der Top-List, verwenden.
- Da ich dieses Problem schon auf diversen 4images-Websites gesehen habe, möchte hier mal etwas Hilfestellung geben, um es aus der Welt zu schaffen ... ;)
Installation :
1.Schritt :
finde in der /includes/functions.php im Abschnitt function get_thumbnail_code folgende Codezeilen :
return $thumb;
}
und füge danach diese Codezeilen ein :
//--- Thumbnail small Code ---------------------------------------------------------
function get_thumbnail_small_code($media_file_name, $thumb_file_name = "", $image_id, $cat_id, $image_name = "", $mode = "", $show_link = 1, $open_window = 0) {
global $site_sess, $config;
$max_width = "80"; // Hier maximale Breite der Thumbnails in Pixel eingeben !
if (!check_media_type($media_file_name)) {
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."px; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
}
else {
if (!get_file_path($thumb_file_name, "thumb", $cat_id, 0, 0)) {
$file_src = ICON_PATH."/".get_file_extension($media_file_name).".gif";
$image_info = @getimagesize($file_src);
$width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
$thumb = "<img src=\"".$file_src."\" border=\"0\"".$width_height." alt=\"".$image_name."\" style=\"max-width: ".$max_width."px; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
}
else {
$file_src = get_file_path($thumb_file_name, "thumb", $cat_id, 0, 1);
$image_info = @getimagesize($file_src);
$width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
$thumb = "<img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" style=\"max-width: ".$max_width."px; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
}
}
if ($show_link) {
if ($open_window) {
$thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&mode=".$mode : ""))."\" onclick=\"opendetailwindow()\" target=\"detailwindow\">".$thumb."</a>";
}
else {
$thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&mode=".$mode : ""))."\">".$thumb."</a>";
}
}
return $thumb;
}
//--- Thumbnail small Code ---------------------------------------------------------
Zur Konfiguration stellst du unter $max_width am Anfang dieser Codepassade deine gewünschte, zweite, neue, maximale Thumbnailbreite in Pixel ein !
2.Schritt :
finde in der /includes/functions.php im Abschnitt function show_image folgende Codezeilen :
"thumbnail" => get_thumbnail_code($image_row['image_media_file'], $image_row['image_thumb_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link),
und füge danach diese Codezeilen ein :
"thumbnail_small" => get_thumbnail_small_code($image_row['image_media_file'], $image_row['image_thumb_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link),
3. Schritt :
Nun kannst du überall in den Templates die neue, zweite, kleine Thumbnailgröße zusätzlich verwenden ...
...statt :
{thumbnail}
... ist jetzt dafür zu verwenden :
{thumbnail_small}
In dem konkret angefragten Fall ging es um das Thumbnail-Zufallsbild in der linken Navigationsspalte. Dazu ist die Änderung {thumbnail} -> {thumbnail_small} in der /templates/<dein_template>/random_image.html vorzunehmen.
Anmerkungen :
- Mit dieser Modifikation werden keine neuen Thumbnails / Thumbnailgrößen erzeugt und / oder gespeichert.
- Die neue Größe der Thumbnails resultiert aus einer Scallierung der vorhandenen Thumbnails.
- Sämtliche Funktionen, die zum "Standard-Thumbnail" gehören (Rechte, Verlinkung u.d.gl.) sind auch beim "Small-Thumbnail" zu finden.
In der Hoffnung nirgends mehr gesprengte Navigationsleisten zu sehen ...
mawenzi
-
Ich habe eine alternative Lösung.
Einfach die Datei random_image.html gegen die neue (siehe Anhang) austauschen
Die Werte width="120" height="90"
kann man mit Editor (notepad etc.) beliebig ändern
Dasselbe gilt dann auch für random_cat_image.html
Viel Glück!
-
@rusty
... hat aber den Nachteil der fixen Seitenabmessungen für das Thumbnail ...
... und kann auch nur dort verwendet werden ... nicht z.B auch in einer zweiten thumbnail_bit.html ... oder bei sonstiger Thumb-Verwendung ...
... wenn das kleine Thumbnail (fix) nur in der random_image.html werden soll ... dann ist es ok ...
-
ah so, ja da hast Du natürlich recht
ich dachte, es handelte sich nur um das Zufallsbild:
http://www.4homepages.de/forum/index.php?topic=25013
-
Der Mod von Mawenzi funktioniert mit... allerdings mit einer kleinen Ausnahme!
Die Spalte schiebt sich nun zwar nicht mehr auf... allerdings werden die Thumbnails im Querformat leicht verzerrt dargestellt.
Auf meiner Seite http://www.matthiasbenkel.de/gallery-online/index.php (http://www.matthiasbenkel.de/gallery-online/index.php) habe ich normalerweise eine Thumbnailgröße von 170.
Durch den Mod von Mawenzi werden nun die Zufallsbilder im Querformat auf eine Breite von 150 reduziert... die Höhe der Thumbnails bleibt aber weiterhin bestehen.
Zufallsbilder im Hochformat werden richtig dargestellt, da die längste Seite (Höhe) 170 hat und die Breite dieser Thumbnails sowieso kleiner als 150 ist.
Kann mir jemand einen Tip geben wie das Seitenverhältnis der Zufallsbilder im Querformat (thumbnails_smal) beibehalten wird, sodaß keine Verzerrung erfolgt?
Vielen Dank und Gruss,
Matthiasl
-
Hi!
ich hätte da einen vorschlag,vielleicht möchte @mawenzi das in seinen script übernehmen.
function get_thumbnail_small_code($media_file_name, $thumb_file_name = "", $image_id, $cat_id, $image_name = "", $mode = "", $show_link = 1, $open_window = 0) {
global $site_sess, $config, $site_template;
//####### Config ###############################
$maxwidth = "80"; // pixel
//####### Config ###############################
if (!check_media_type($media_file_name)) {
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" >";
}
else {
if (!get_file_path($media_file_name, "media", $cat_id, 0, 0)) {
$file_src = ICON_PATH."/".get_file_extension($media_file_name).".gif";
$image_info = @getimagesize($file_src);
$thumb_width = $image_info[0]."px";
$thumb_height = $image_info[1]."px";
$thumb = "<img src=\"".$file_src."\" style=\"border:0px;width:$thumb_width; height:$thumb_height;\" alt=\"".format_text($image_name, 2)."\" >";
}
else {
$file_src = get_file_path($media_file_name, "media", $cat_id, 0, 1);
$image_info = @getimagesize($file_src);
$thumb_width = $image_info[0];
$thumb_height = $image_info[1];
if ($thumb_width > $maxwidth){
$imageprop=$maxwidth/$thumb_width;
$imagevsize= $thumb_height*$imageprop;
$thumb_width=$maxwidth."px";
$thumb_height= round($imagevsize)."px";
}
else{
$thumb_width = $image_info[0]."px";
$thumb_height = round($image_info[1])."px";
}
$thumb = "<img src=\"".$file_src."\" style=\"border:".$config['image_border']."px solid;width:$thumb_width; height:$thumb_height;\" alt=\"".format_text($image_name, 2)."\">";
}
}
if ($show_link) {
if ($open_window) {
$thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&mode=".$mode : ""))." #z1\" onclick=\"opendetailwindow()\" target=\"detailwindow\">".$thumb."</a>";
}
else {
$thumb = "<a href=\"".$site_sess->url(ROOT_PATH."details.php?".URL_IMAGE_ID."=".$image_id.((!empty($mode)) ? "&mode=".$mode : ""))." #z1\">".$thumb."</a>";
}
}
return $thumb;
}
mit $max = 80; wird die Weite angegeben, und das Seitenverhältniss bleibt immer gleich.
mfg Andi
-
It is real width this MOD make for every image big thumb (500x380px)?
I have small thumb but i want small and big thumb for every image.
-
Hi!
Ich habe jetzt auch das Problem mit dem verzerrten Thumbnail!
Ich habe den MOD von Mawenzi getestet! Die Breite stimmt aber bei der Höhe stimmt es gar nicht! Das ganze ist verzerrt und falsch skaliert!
Soll ich jetzt den Code von Rembrand noch mit dazu schreiben?
-
...
Soll ich jetzt den Code von Rembrand noch mit dazu schreiben?
gegenfrage, warum nicht?
-
ok, werde ich machen :D
Was mich verunsichert ist $max = 0.7; wo schreibe ich das rein?
-
anstatt
$max_width = "80";
-
Alles klar!
Danke Dir :)
-
its a very nice mod..
but but i want some thing little different.. please will you help me that how should i make width of second one greater then original one.
i mean you proposed a way to make width smaller.
but my thumbnails are already smaller.
so can you prupose a way to make the image size bigger then the normal thumbnail size i have defined.
it will be really great to have two thumbnails.
1. normal one which 4images already have.
2. second thumbnail (like you defined but it only make smaller) have custom size (can increase or decrease size)
so we can use
{thumbnail}
{thumbnail_big}
please tell its possible..
-
.....
i mean you proposed a way to make width smaller.
....
no you can set "$max" greater than 1
http://www.4homepages.de/forum/index.php?topic=25017.msg138624#msg138624
-
no you can set "$max" greater than 1
http://www.4homepages.de/forum/index.php?topic=25017.msg138624#msg138624
sir sorry i did not get .. so your mod can also increase thumbnail size.. should i use your changes directly or i have to use your code after i use mawenzi code?
its kind of confusing which code to change and which code i should not change??
-
after mawenzi code....
-
Hi!
ich hätte da einen vorschlag,vielleicht möchte @mawenzi das in seinen script übernehmen.
suche die zeile:
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
ersetzt sie mit:
$thumb = "<img src=\"".ICON_PATH."/404.gif\" style=\"border:0;width:$thumb_width ; height:$thumb_height ;\" />";
sucht die zeile:
$width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
$thumb = "<img src=\"".$file_src."\" border=\"0\"".$width_height." alt=\"".$image_name."\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
ersetzt sie mit:
$thumb_width = $image_info[0]*$max;
$thumb_height = $image_info[1]*$max;
$thumb_width = $thumb_width."px";
$thumb_height = $thumb_height."px";
$thumb = "<img src=\"".$file_src."\" style=\"border:0;width:$thumb_width ; height:$thumb_height ;\" alt=\"".format_text($image_name, 2)."\" />";
sucht die zeile:
$width_height = (!empty($image_info[3])) ? " ".$image_info[3] : "";
$thumb = "<img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".$image_name."\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
ersetzt sie mit:
$thumb_width = $image_info[0]*$max;
$thumb_height = $image_info[1]*$max;
$thumb_width = $thumb_width."px";
$thumb_height = $thumb_height."px"
$thumb = "<img src=\"".$file_src."\" style=\"border:0;width:$thumb_width ; height:$thumb_height ;\" alt=\"".$image_name."\" />";
mit $max = 0.7; wird jetzt der vergrößerungsfaktor angegeben, und das seitenverhältniss bleibt immer gleich.
mfg Andi
Hi,
@Rembrandt
wo man es finden? in functions.php gibts es nicht, in meinem sicha nicht
-
...wo man es finden? in functions.php gibts es nicht, in meinem sicha nicht
http://www.4homepages.de/forum/index.php?topic=25017.msg137021#msg137021
-
...wo man es finden? in functions.php gibts es nicht, in meinem sicha nicht
http://www.4homepages.de/forum/index.php?topic=25017.msg137021#msg137021
Und?
Ich brauche nicht das link, meine frage war wo finde ich das:
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
-
@ ASAD
... du findest es (das) genau dort, wohin dich der Link führt, den Rembrandt dir als Hinweis gegeben hat ...
-
@ ASAD
... du findest es (das) genau dort, wohin dich der Link führt, den Rembrandt dir als Hinweis gegeben hat ...
aber ich brauche es (das) dort nicht =)
ich brauche es (das) in meinem 4image, wie habe ich schon geschriben in functions.php gibts es nicht
sorry für mein deuscht)
-
@ ASAD
... dieser Code ist nicht in deiner functions.php zu finden, sondern er ist dort hinzuzufügen ...
... versuche mal die Google-Translation im ersten Post ...
-
habe zuerst dein mod eingefügt und dann:
suche die zeile: 1
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
ersetzt sie mit: 2
$thumb = "<img src=\"".ICON_PATH."/404.gif\" style=\"border:0;width:$thumb_width ; height:$thumb_height ;\" />";
1 - muss ich irgendwo finden und
mit 2 ersetzen
stimt oder nicht?
PS: Google versteht auch wie ich)
-
stimmt....
-
stimmt....
dann wo finde ich es - das ist die frage...
-
http://www.4homepages.de/forum/index.php?topic=25017.msg137021#msg137021
und füge danach diese Codezeilen ein :
[php]
//--- Thumbnail small Code ---------------------------------------------------------
function get_thumbnail_small_code($media_file_name, $thumb_file_name = "", $image_id, $cat_id, $image_name = "", $mode = "", $show_link = 1, $open_window = 0) {
global $site_sess, $config;
$max_width = "80"; // Hier maximale Breite der Thumbnails in Pixel eingeben !
if (!check_media_type($media_file_name)) {
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."px; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
}
else {
if (!get_file_path($thumb_file_name, "thumb", $cat_id, 0, 0)) {
$file_src = ICON_PATH."/".get_file_extension($media_file_name).".gif";
-
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."px; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
$thumb = "<img src=\"".ICON_PATH."/404.gif\" border=\"0\" alt=\"\" style=\"max-width: ".$max_width."; width: expression(this.width > ".$max_width." ? ".$max_width.": true);\" />";
-
thanks
when i put the thumbnails on the page they get smaller but doesnt keep to aspect ratio. for example i want it to keep bigger size for the aspect ratio.
which commands should i add to this section
$thumb_width = $thumb_width."120";
$thumb_height = $thumb_height."90";
-
Hi!
...I need create biger than orginal Thumbnail,
...
search in the Code, to times:
get_file_path($thumb_file_name, "thumb", $cat_id, 0, 1)
and replace:
get_file_path($media_file_name, "media", $cat_id, 0, 1)
mfg Andi
-
Hallo,
ich habe die MOD Version von Rembrand installiert.
Funktioniert bei mir aber nur "halb".
Bei Änderung der "max_width" ändert sich richtigerweise die Thumb Größe.
Aber: die Höhe wird nicht auf die eingestellte Pixelzahl begrenzt.
Bedeutet dass bei Hochformaten die Höhe nicht stimmt.
Freue mich auf Nachricht
Beste Grüße
Paule
-
Hi!
....Funktioniert bei mir aber nur "halb".
..Aber: die Höhe wird nicht auf die eingestellte Pixelzahl begrenzt.
Bedeutet dass bei Hochformaten die Höhe nicht stimmt.
....
das ist auch nicht vorgesehen, und auch nicht Sinn des Mods.
lass dich nicht von den variablen namen max iritieren.
Bei den mod geht es ja darum um das genaue Seitenverhältniss beim Verkleinern bei zu behalten.
aber irgendwo im Forum geistert eine Version herrum die, die Beschränkungen berücksichtigt.
mfg Andi
-
Hallo Rembrand,
vielen Dank für die schnelle Antwort.
Ich habe weiter gesucht und bin nicht fündig geworden.
Mein Problem ist: "Bildrahmen im Seitenlayout (thumbnail_bit2 ) 110x110 px somit darf das Thumb bei Breite und Höhe nur max 100 px haben…….
zur Zeit sprengt bei einer Thumb Breite von 100px die entsprechende Höhe das Layout.
Hast Du keine Idee???
Beste Grüße Paulchen
-
...
Hast Du keine Idee???
..
ja habe ich aber nicht mehr heute..
mfg Andi
Edit: so http://www.4homepages.de/forum/index.php?topic=30895.msg162459#msg162459
-
Diesen Mod hätte ich gern für die Details Page für
{if prev_image_name}{lang_prev_image} und {if next_image_name}{lang_next_image}
Quasi in der Details.html für vorheriges Bild und nächstes Bild Paging
-
1.) suche in der details.php:
$next_thumb_file = get_file_path($next_prev_cache[$next_image_id]['image_thumb_file'], "thumb", $next_prev_cache[$next_image_id]['cat_id'], 0, 1);
ersetze es mit:
$next_thumb_file = get_thumbnail_small_code($next_prev_cache[$next_image_id]['image_media_file'], $next_prev_cache[$next_image_id]['image_thumb_file'], $next_prev_cache[$next_image_id]['image_id'], $next_prev_cache[$next_image_id]['cat_id'], $next_prev_cache[$next_image_id]['image_name'], $mode, $show_link,0);
2.) suche:
$prev_thumb_file = get_file_path($next_prev_cache[$prev_image_id]['image_thumb_file'], "thumb", $next_prev_cache[$prev_image_id]['cat_id'], 0, 1);
ersetze es mit:
$prev_thumb_file = get_thumbnail_small_code($next_prev_cache[$prev_image_id]['image_media_file'], $next_prev_cache[$prev_image_id]['image_thumb_file'], $next_prev_cache[$prev_image_id]['image_id'], $next_prev_cache[$prev_image_id]['cat_id'], $next_prev_cache[$prev_image_id]['image_name'], $mode, $show_link,0);
2.) suche in der details.html:
<td class="row2"> {if prev_image_name}{lang_prev_image}<br />
<b><a href="{prev_image_url}">{prev_image_name}</a></b>
<!-- <br /><br /><a href="{prev_image_url}"><img src="{prev_thumb_file}" border="1"></a> -->
{endif prev_image_name} </td>
<td align="right" class="row2"> {if next_image_name}{lang_next_image}<br />
<b><a href="{next_image_url}">{next_image_name}</a> </b>
<!-- <br /><br /><a href="{next_image_url}"><img src="{next_thumb_file}" border="1"></a> -->
{endif next_image_name}</td>
ersetze es mit:
<td class="row2"> {if prev_image_name}{lang_prev_image}<br />
<b><a href="{prev_image_url}">{prev_thumb_file}</a></b>
<br /><br /><a href="{prev_image_url}">{prev_image_name}</a>
{endif prev_image_name} </td>
<td align="right" class="row2"> {if next_image_name}{lang_next_image}<br />
<b><a href="{next_image_url}">{next_thumb_file}</a> </b>
<br /><br /><a href="{next_image_url}">{next_image_name}</a>
{endif next_image_name}</td>
mfg Andi
-
OMG! Put this on my site worked great had no problem. :D Couldn't leave well enough alone.Started messing around screwed it up and crashed my site. 8O Been messing with it for over an hour...I give up! I have no idea why I can't get it to work again. Should have just left it alone the first time...UGH! :x
-
@PamBreeze, and what do you want now, shall I help you, or what?
-
Trying to add the Photo Preview Hack Mod
Parse error: syntax error, unexpected ',', expecting T_PAAMAYIM_NEKUDOTAYIM in /homepages/26/d389377401/htdocs/includes/functions.php on line 789
{
Line:789 global $ site_sess , $ config , $ site_template ;
/ / # # # # # # # Config # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
$ maxwidth = "200" , / / pixel
/ / # # # # # # # Config # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
-
$maxwidth="200" ;
mfg Andi
-
Now it is a blank page :?
-
post your functions.php
-
Here it is. TY!
-
pfff..., please do unpack the file
-
Sorry.
-
you have the "function get_thumbnail_small_code" two times included, now i have the one function deleted, it works now...
mfg Andi
-
TY! TY! TY!