Bei anklicken vom Bild im Grosscontainer --> Lightbox2?

Fragen und Antworten zur clientseitigen Programmiersprache JavaScript

Bei anklicken vom Bild im Grosscontainer --> Lightbox2?

Beitragvon tsevocomp am So 21. Nov 2010, 15:08

Hallo!

ist es möglich, das Skript so zu "verfeinern", dass beim klicken auf das Bild im Grosscontainer ein Lightbox2 - Fenster aufgeht?

Statt dem img-code müsste folgender Code eingebettet werden:

Code: Alles auswählen
<a href="images/Lightbox2-bild.jpg" rel="lightbox" title="Beschreibung">img src="Grosscontainerbild.jpg"</a>


Hat jemand eine Idee, wie ich dies realisieren kann?

Vielen Dank
tsevocomp
 
Beiträge: 1
Registriert: So 21. Nov 2010, 14:51

Beitragvon alm am So 21. Nov 2010, 16:38

Hallo,

das sollte relativ einfach machbar sein. Einfach mal die Zeile
Code: Alles auswählen
<img border="0" id="gross" src="nav/transparent.gif" alt="" title="">

in der HTML-Datei durch die folgende ersetzen:
Code: Alles auswählen
<a href="..." rel="lightbox" title="..."><img border="0" id="gross" src="nav/transparent.gif" alt="" title=""></a>

Mehr sollte an dieser Stelle eigentlich nicht nötig sein, da Lightbox die Elemente automatisch über das REL-Attribut in A-Tags verdrahtet. Da das Detailbild im A-Tag verlinkt werden muss, muss also beim Auffrischen des Detailbildes nur noch die URL des Detailbildes in das Linkelement gepackt werden. Hierzu sollte man sich einfach mal in der entsprechend benannten Funktion in der JavaScript Datei umsehen.


Gruß
Alex
EvoComp.de
Beachten Sie unsere Beispiele zu JavaScript, PHP und Ajax, sowie unser PHP MySQL Tutorial
alm
 
Beiträge: 81
Registriert: Do 21. Feb 2008, 16:22
Posts


Zurück zu JavaScript

cron