Matthias Apsel: grosse Foto beim Anklicken einer kleinen Foto

Beitrag lesen

Om nah hoo pez nyeetz, bari!

ich würde gerne wissen, wie zu codieren ist, dass mit dem Anklicken einer kleinen Foto danach in einer neuen Seite die entsprechende grosse Foto angezeigt wird.

Kann das mit html gemacht werden oder muss ich dazu eine andere Sprache verwenden und unter welchem Stichwort finde ich das?

Wenn du ein neues Fenster öffnen möchtest:

<a href="Pfad_zum_großen_Bild" target="_blank">  
    <img src="Pfad_zum_kleinen_Bild" alt="Beschreibung, was zu sehen ist">  
</a>  

Diese Variante hat zwei Nachteile: Es wird wirklich nur das Bild angezeigt (also das, was jeder Nutzer auch mit der rechten Maustaste könnte) und damit fehlt der alt-Text. Zudem lässt du dem Nutzer nicht die Wahl, ob er das Bild vielleicht nicht doch im Originalfenster öffnen möchte.

Ich empfehle deshalb ein HTML-Dokument zu erstellen, welches nur das Bild enthält oder besser das Bild, umgeben von einem zurück-führenden a-Element.

<a href="Pfad_zum_Dokument_mit_großen_Bild">  
    <img src="Pfad_zum_kleinen_Bild" alt="Beschreibung, was zu sehen ist">  
</a>  

Außerdem gibt es noch schicke JavaScript-Lösungen, etwa lightbox.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Frau und fraunhofersche Linien.