Fotogalerie

    Ich denke mal via Javascript. Sobald auf das Element geklickt wird, wird das zweite angezeigt. Das zweite hat dann beispielsweise als Hintergrund dieses halb-durchsichtige Weiss und in der Mitte ne Box mit dem eigentlichen Bild.


    Im Head Bereich deiner Seite bindest du zunächst JQuery ein:

    Code
    <script src="http://code.jquery.com/jquery-latest.js"></script>


    Dann fügst du den eigentlichen Code ein:

    PHP
    <img class="clicky" src="xy" /> // das hier ist das Bild in der Galerievorschau
<div class="popup"><img class="clicky" /></div> //das hier ist das Bild vergrößert


    Und ans Ende der Seite (vor dem schließenden <body>-Tag) kommt noch das eigentliche Script:


    PHP
    <script>$( "img.clicky" ).click(function() {
  $( "div.popup" ).toggle();
});</script>


    Voraussetzung hierfür ist natürlich, dass die Popup-Divs standardmäßig im CSS auf display: none; gesetzt sein müssen. Sicherlich musst du hier noch viel verändern und optisch anpassen, aber das was ich hier mal per Hand niedergekritzelt habe, ist der grundlegende Weg, eine solche Galerie zu realisieren.