Inhalt von div dynamisch laden

[Gunnar Bittersmann]

@@Detlef G.:

nuqneH

Das kannst du mit Javascript lösen.

Oder auch ohne:

Die großen Bilder alle im HTML:

<div id="bigpicture">  
  <img id="foo" src="foo" alt="foo"/>  
  <img id="bar" src="bar" alt="bar"/>  
  <img id="baz" src="baz" alt="baz"/>  
</div>

Aber nicht angezeigt:
#bigpicture img { display: none }

Die Thumbnails werden auf die Anker der großen Bilder verlinkt:

<ul>  
  <li><a href="#foo"><img src="foo-thumbnail" alt="foo"/></a></li>  
  <li><a href="#bar"><img src="bar-thumbnail" alt="bar"/></a></li>  
  <li><a href="#baz"><img src="baz-thumbnail" alt="baz"/></a></li>  
</ul>

Das durch Click aufs Thumbnail ausgewählte Bild wird angezeigt [Meiert]:
#bigpicture img:target { display: inline }

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?)

Am Montag mehr dazu …

Qapla'