Inhalt von div dynamisch laden

[Detlef G.]

Hallo Gunnar

Das kannst du mit Javascript lösen.

Oder auch ohne:

Ja, aber ich empfehle nicht unbedingt Varianten, die ich selbst nicht verwende.
Bei CSS-Lösungen kann ich mir nicht sicher sein, dass die großen Bilder erst geladen werden, wenn sie wirklich gebraucht werden.

Vorteil: Der Back-Button funktioniert. (Allerdings nicht in Opera, der verlangt nach JavaScript.)

IEs, die die Pseudoklasse ':target' nicht kennen, verlangen auch nach JavaScript. IE 8 kennt das proprietäre Event 'hashchange', für IE < 8 wäre ein funktionierender Back-Button wüste Frickelei. (Event bei Zurück?)

Also im Opera funktioniert es nicht ganz wie gewünscht und für den IE wird dann doch noch Javascript gebraucht.

Nein, da werde ich wohl bei der klassischen Javascriptvariante bleiben, oder
eine ganz klassische Bildergalerie mit kompletten Bilderseiten (eventuell um ein Javascript ergänzt, dass nur das Bild austauscht), oder
ich verwende vielleicht doch eine funktionierende CSS-Variante ;-).

a, a * {  
 display:block;  
 height:100px;  
 width:100px;  
 border:none;  
}  
a:focus, a:active {  
 background:#eee;  
}  
a:focus img, a:active img {  
  position:absolute;  
  left:150px;  
  top: 100px;  
  height:400px;  
  width:400px;  
}  

<a href="#"><img src="Bild1.jpg" alt="Bescreibung1"></a>  
<a href="#"><img src="Bild2.jpg" alt="Bescreibung2"></a>  
<a href="#"><img src="Bild3.jpg" alt="Bescreibung3"></a>  
<a href="#"><img src="Bild4.jpg" alt="Bescreibung4"></a>  

(Nur mal so schnell hingetippt, noch nie verwendet und ungetestet.)

Auf Wiederlesen
Detlef