bildanzeige wenn mit mauszeiger über thumbnail?

[HorrorCrafT]

hallo leute!

gibt es ein addon für die 1.7.1 bildergalerie dass wenn man mit der maus über das thumbnail fährt, das bild in originalgröße - also so wie wenn man das thumbnail anklickt - in einem überlagerten fenster angezeigt wird, wie hier z.b.: http://laendlepower.meonnet.com/?sid=af11a71caefa57fa&cmd=album&view=748080? es soll aber nach wie vor möglich sein, das thumbnail auch anzuklicken um kommentare oder bewertungen zu sehen. finde diese funktion super und würde sie echt gern auch in die 4images bildergalerie einbauen.

bedanke mich für infos!

[TIMT]

Hallo HorrorCrafT

Wie wäre es mit dem...

http://www.4homepages.de/forum/index.php?topic=20461.0

Gruss
TIMIT

[mawenzi]

@TIMT

... bei deinem Vorschlag ist das Thumbnail mit Link auf die Detailseite nicht mehr klickbar ...
... dazu müsste dann in der thumbnail_bit.html ein Extra-Link auf die Detailseite gesetzt werden ..
... und wie ich HorrorCrafT verstanden habe ... soll das Thumbnail klickbar bleiben ...

@HorrorCrafT

... daher mein Vorschlag ... verwende das neue [TUT] Tooltip in Thumbnails von Ivan ...
... http://www.4homepages.de/forum/index.php?topic=22030.0 ...
... und mit dem Tooltip eben nur das Bild anzeigen lassen ...
... das Thumbnail bleibt so klickbar mit Link auf die Detailseite ...

[HorrorCrafT]

danke euch für die tipps! mawenzi, weisst du grad zufällig die variable für das image selber? ev. {image} oder so? hab mir das tooltip addon grad mal kurz angeschaut und scheint recht einfach zum einbauen zu sein und wenn es so einfach auch mit dem bild anzeigen klappt, dann wär das echt spitzenmäßig

[mawenzi]

... {image} wäre absolut richtig ... etwa so ...

Code: [Select]

onmouseover="Tip('{image}')" onmouseout="UnTip()"


[HorrorCrafT]

danke, danke für die wie immer so schnelle hilfestellung! werd ich gleich heute abend mal checken und dann berichten.

[mawenzi]

@ivan

... erst Aufgabenstellung lesen, dann Code posten ...
... es soll nicht das Thumbnail im Tooltip angezeigt werden , sondern das Bild ...
... und in der thumbnail_bit.html wird über die functions.php das Bild mit ... {image} ... dargestellt ...
... der Code für die functions.php braucht also nicht erweitert zu werden ...
... ich meine mein o.g. Code für die thumbnail_bit.html reicht aus ... !

[HorrorCrafT]

so leute, ich muss euch sagen ihr seid genies!
ein bisschen mawenzi, ein bisschen ivan und noch ein ganz klein wenig eigener hirnschmalz und es kommt doch tatsächlich was ECHT COOLES und funktionierendes dabei heraus! klasse!

und so geht's:

1. tooltip von ivan ganz normal einbauen

2. suche in includes/functions.php

Code: [Select]

$site_template->register_vars(array(
    "image_id" => $image_row['image_id'],
füge darüber diesen script ein:

Code: [Select]

if (!get_file_path($image_row['image_media_file'], "media", $image_row['cat_id'], 0, 0)) {
        $image_tip_file = ICON_PATH."/".get_file_extension($image_row['image_media_file']).".gif";
      }else {
        $image_tip_file = get_file_path($image_row['image_media_file'], "media", $image_row['cat_id'], 0, 1);
      }
      $image_info = @getimagesize($image_tip_file);
      $width = $image_info[0];
      $height = $image_info[1];
suche (ebenfalls in functions.php) nach

Code: [Select]

"image" => get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view),
füge danach diesen script ein:

Code: [Select]

"image_tip" => "<img src=\'".MEDIA_PATH."/".$image_row['cat_id']."/".$image_row['image_media_file']."\' width=\'".$width."\' height=\'".$height."\'>",
dann noch in der thumbnail_bit.html im onmouseover an erster stelle {image_tip} einfügen und schon funktioniert die sache!

das width und hight nicht hardcoded einfügen hat halt den vorteil dass wenn mal ein aufrechtes bild hast, dieses nicht in die länge gezogen sondern in der richtigen auflösung dargestellt wird.

dank euch jungs für die hilfe und bis zum nächsten "problemchen"

ach ja, wer sehen möchte wie es ausschaut kann es sich in meiner bildergalerie auf http://www.hypofun.com mal anschauen.

[mawenzi]

... ja und der Vorteil gegenüber allen anderen Varianten ... "lightbox" ... usw. ...
... das Thumbnail bleibt 100% klickbar für die Detailseite ... einfach Klasse ...
... das Ergebnis muss ich nun auch mal testen ...
... danke HorrorCrafT für dein Tutorial ...
...
... um die "Vorschaubilder" nun nicht so groß wie auf der Detailseite im Tooltip anzeigen zu lassen ...
... könnte man für die $width und $height noch einen gemeinsamen Faktor kleiner 1 einführen ...
...
... wenn man nun nicht nur Bilder in der Galerie hat, sondern auch pano- html- dwf- und sonstige Dateitypen ...
... so sollte man für "image_tip" noch eine Selektion für eben diese Bilder z.B. jpg durchführen ...
... und die anderen Dateitypen vom Vorschaubild ausschließen ...
...
... ich denke, dass ich da noch ein bischen weiter rumwerkeln werde ...

[HorrorCrafT]

deine ideen sind gut mawenzi. ich hab nur bilder in meiner gallerie und deshalb ist eine selektion in meinem fall nicht notwendig, macht aber durchaus sinn!
wenn du dir diesbezüglich was überlegt hast, poste es doch bitte hier. super sache und wie immer super support hier! danke!

[HorrorCrafT]

aber immer gerne doch! welche ehre
ev. hat dann mawenzi auch noch etwas zusätzlichen code weil die prüfung auf dateiendung ebenfalls eine gute idee ist.

[HorrorCrafT]

noch ein kleiner hinweis bei einem problem das mir aufgefallen ist: der titel einer kategorie darf kein ' (heisst das apostroph?) beinhalten sonst wird kein tooltip angezeigt, sprich kategoriebezeichnungen wie z.b. "Sebastian's Geburtstagsfiese" sollte man anders formulieren oder das ' weglassen. wird vermutlich nicht oft vorkommen, ich hatte aber ein paar kategorien mit ' drin.

[horse]

Wie kann man die prozentuale Größe der Bilder einstellen?

Auf unserer Homepage sind die Mauszeigerbilder viel zu groß!

http://www.mercedesclub.de/galeria/index.php

Vielen Dank für die Tipps.

[nobby]

Hallo,

hast recht, zu groß

Im ACP (Admin Control Panel)

nobby

[horse]

"image_tip" => "<img src=\'".MEDIA_PATH."/".$image_row['cat_id']."/".$image_row['image_media_file']."\' width=\'300\' height=\'225\'>",

Gibt es auch eine Möglichkeit die Größe in Prozentpunkten anzugeben, damit es nicht zu Verzerrungen bei Hochkantbildern kommt?