Ich habe das gerade mal ausprobiert und es scheint zu funktionieren.
Du musst quasi das Bild wie üblich verlinken.
Das ist ein Bild:
<img src="index-Dateien/1.jpg" height="400" width="990">
Vor diesem Bild den Link öffnen:
Nach diesem Bild den Link schließen:
Der gesamte Code für dein Beispiel sieht dann so aus:
<div id="shuffle" class="pics"> <a href="Linkadresse"><img src="index-Dateien/1.jpg" height="400" width="990"></a> <a href="Linkadresse"><img src="index-Dateien/2.jpg" height="400" width="990"></a> <a href="Linkadresse"><img src="index-Dateien/3.jpg" height="400" width="990"></a> <a href="Linkadresse"><img src="index-Dateien/4.jpg" height="400" width="990"></a>
Möchtest du dass die Links in einem neuen Browsertab geöffnet werden musst im öffnenden Link-Tag noch folgenden Zusatz eintragen:
<a href="Linkadresse" target="_blank">