Author Topic: bildanzeige wenn mit mauszeiger über thumbnail?  (Read 26873 times)

0 Members and 1 Guest are viewing this topic.

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
bildanzeige wenn mit mauszeiger über thumbnail?
« on: July 01, 2008, 11:36:40 AM »
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!

Offline TIMT

  • Hero Member
  • *****
  • Posts: 505
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #1 on: July 01, 2008, 11:42:04 AM »
Hallo HorrorCrafT

Wie wäre es mit dem...

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

Gruss
TIMIT

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #2 on: July 01, 2008, 11:47:42 AM »
@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 ...
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #3 on: July 01, 2008, 12:33:46 PM »
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 8) :D

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #4 on: July 01, 2008, 12:57:54 PM »
... {image} wäre absolut richtig ... etwa so ...

Code: [Select]
onmouseover="Tip('{image}')" onmouseout="UnTip()"
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #5 on: July 01, 2008, 01:24:50 PM »
danke, danke für die wie immer so schnelle hilfestellung! werd ich gleich heute abend mal checken und dann berichten.

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #6 on: July 01, 2008, 09:56:26 PM »
@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 ... !
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #7 on: July 02, 2008, 12:07:54 AM »
so leute, ich muss euch sagen ihr seid genies! :mrgreen:
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! :mrgreen:

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" :mrgreen:

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

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #8 on: July 02, 2008, 12:14:24 AM »
... 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 ... ;)
« Last Edit: July 02, 2008, 12:26:37 AM by mawenzi »
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #9 on: July 02, 2008, 09:30:00 AM »
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!

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #10 on: July 02, 2008, 01:07:44 PM »
aber immer gerne doch! welche ehre :oops: :mrgreen:
ev. hat dann mawenzi auch noch etwas zusätzlichen code weil die prüfung auf dateiendung ebenfalls eine gute idee ist.

Offline HorrorCrafT

  • Full Member
  • ***
  • Posts: 106
    • View Profile
    • HYPOfun online
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #11 on: July 07, 2008, 02:22:14 PM »
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.

Offline horse

  • Pre-Newbie
  • Posts: 2
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #12 on: June 21, 2009, 09:56:49 PM »
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.

Offline nobby

  • 4images Guru
  • *******
  • Posts: 2.873
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #13 on: June 21, 2009, 10:07:19 PM »
Hallo,

hast recht, zu groß :wink:

Im ACP (Admin Control Panel)

nobby

Offline horse

  • Pre-Newbie
  • Posts: 2
    • View Profile
Re: bildanzeige wenn mit mauszeiger über thumbnail?
« Reply #14 on: June 22, 2009, 01:47:35 PM »
"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?

 

Post your comments here