wahsaga: Rollover-Effekt: Neuer Layer mit Bild - möglich?

Beitrag lesen

hi,

Da es sich dabei um Bilddateien handelt würde ich gerne eine Funktion einbauen, die beim Rollover über den Download-Link ein kleines Fenster bzw. Layer öffnet, in dem dann ein Vorschaubild zu sehen ist.

Auf recht simple Art und Weise kannst du das schon realisieren, indem du das Beispiel dynamische grafische Buttons abwandelst - da nimmst du halt als Ausgangszustand ein "leeres" Bild, bsp. ein transparentes Gif - und tauschst es dann jeweils passend aus.

Etwas eleganter wäre es, wenn du das Bildobjekt erst per Javascript erzeugst und ins Dokument einfügst, wenn es gebraucht wird - das wäre dann etwas für Fortgeschrittene :-)

Wie sieht die generelle Herangehensweise aus - muss man so etwas mit JavaScript machen oder ist so etwas auch mit PHP möglich?

Den Bildwechsel/das Einblenden machst du clientseitig über Javascript (wobei, rein über CSS würde auch gehen, Stichwort pure CSS Popups oder CSS Infobox).

Das Verkleinern der Bilddateien für die Vorschau solltest du aber schon serverseitig machen - denn wenn du das Bild erst in voller Größe zum Client überträgst, und dann dort nur verkleinert darstellen lässt, müssen ja trotzdem für jedes Bild die kompletten Daten übertragen werden (außerdem könntest du dir dann dein "Downloadscript" komplett sparen, denn dann wurde das Bild ja bereits komplett heruntergeladen, und befindet sich im Cache).

Zum Verkleinern von Bildern mittels PHP sind die Grafikfunktionen der GD-Lib interessant (imagecopyresampled & Co.), und auch eine Suchmaschine nach Wahl hilft zu diesem Thema sicher gerne weiter.

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }