Fotogalerie: Mohn

dieser Galerie liegt die Photo Strip Gallery von CSSplay zugrunde

Sie kann mit dem folgenden Quelltext an jede gewünschte Stelle in der Auktionsbeschreibung eingefügt werden, nachdem die eigenen Bildadressen eingesetzt wurden (und evtl. Alternativtext, Bildunterschrift und Galerieüberschrift angepasst wurden):

<style type="text/css">
#photo_strip
{width: 750px; margin: 50px auto; text-align: center; font-family: Verdana; color:#505050;}
#container
{margin: 0; padding: 0px; height: 430px; overflow: auto; color: #222; background: #fff; margin: auto; text-align: center;}
#container ul
{margin: 0; padding: 0; list-style: none; white-space: nowrap; display: table-row;}
#container ul li
{display: table-cell; padding: 0 15px; background: #fff; border-bottom: 1px solid #888; vertical-align: top;}
#container ul li img
{border: 1px solid #555; margin: 30px 0 10px 0;}
#photo_strip h1
{text-align: left; padding: 0; margin: 0; width: 750px; height: 38px; line-height: 35px; font-weight: normal; font-size: 1.5em; border-bottom: 1px solid #888;}
#container p
{margin: 0; padding-bottom: 10px; font-size: 0.9em; color: #505050;}
</style>

<!--[if lte IE 7]>
<style>
#container
{width: 750px;
scrollbar-arrow-color: #eee;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #888;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #fff;}
#container ul li
{display: inline; zoom: 1; height: 390px;}
* html #container
{height: 470px; he\ight: 430px;}
</style>
<![endif]-->

<div align="center">
<div id="photo_strip">
<h1>Fotogalerie: Titel</h1>
<div id="container">
<ul>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
<li><img src="Bildadresse" alt="Alternativtext"><p>Bildunterschrift</p></li>
</ul>
</div><!-- id="container" -->
</div><!-- id="photo_strip" -->
</div><!-- "center" -->

<!-- danke für das Gallery-script an: http://www.cssplay.co.uk/menu/photo_strip -->

Diese Galerie ist für Bilder bis ca. 320px Höhe gedacht, wenn man größere einbaut, muss gescrollt werden, was nicht vorteilhaft ist.
HTML-Kundige können natürlich die Galeriemaße, Abstände, Farben, Hintergrund ... weiter anpassen.
Es können beliebig viele Bilder eingfügt werden.

zurück