Mini Bilder Gallerie - Website X5 Hilfe - Die Helpsite

Eine ganz einfache Möglichkeit, Bilder in einer Gallerie darzustellen. Die eigentliche Präsentation erfolgt im iframe. Es wird nur eine zusätzliche Datei benötigt (navigation.html) in der die Auflistung der anzuzeigenden Bilder erfolgt.
In der Zip-Datei befindet sich ein Verzeichnis "mini-photogallery", das so übernommen werden kann.
Die Anpassung des Styles und die Darstellungsgröße erfolgen im HTML-Objekt. Eine größere Präsentation erfordert auch entsprechend größere Bilder.

Code für das HTML-Objekt:

<div style="border:1px solid #000000; width:360px; background-color:#f0f0f0;">
<iframe src="mini-photogallery/navigation.html" width="100" height="250" frameborder="0"></iframe>
<!-- Hier das Bild eintragen das zuerst angezeigt werden soll -->
<iframe src="mini-photogallery/img/tiere_01.jpg" name="anzeige" width="250" height="250" frameborder="0"></iframe>
</div>

Code der HTML-Datei (navigation.html):

<div style="text-align: center;">
<a href="img/tiere_01.jpg" target="anzeige">
 <img src="img/tiere_01k.jpg" border="0" alt="Elefant"</a><br><br>
<a href="img/tiere_02.jpg" target="anzeige">
 <img src="img/tiere_02k.jpg" border="0" alt="Hund"></a><br><br>
<a href="img/tiere_03.jpg" target="anzeige">
 <img src="img/tiere_03k.jpg" border="0" alt="Affe"></a><br><br>
<a href="img/tiere_04.jpg" target="anzeige">
 <img src="img/tiere_04k.jpg" border="0" alt="Pinguin"></a><br><br>
<a href="img/tiere_05.jpg" target="anzeige">
 <img src="img/tiere_05k.jpg" border="0" alt="Affe 2"></a><br><br>
<a href="img/tiere_06.jpg" target="anzeige">
 <img src="img/tiere_06k.jpg" border="0" alt="Pandabär"></a><br><br>
</div>