[Produkte > VAImageBox]-[Creative-Web-Solutions.biz

Die ImageBox ist eine JavaScript-Galerie, die einfach zu installieren und konfigurieren ist.

1. Aktuellste Version herunterladen

2. Zip- oder RAR-Datei entpacken

3. Den Ordner "VAImageBox" auf Ihren FTP Server hochladen

4. Auf der Index-Seite der Homepage folgenden Code in den "<head>"-Bereich eintragen.

	Code:

	<script src="verzeichnis/VAImageBox/va_js_gallery.config.js" type="text/javascript"></script>

<script src="verzeichnis/VAImageBox/va_js_gallery.js" type="text/javascript"></script>

5. a) Um einzelne Bilder aufzurufen, muss man den "alt"-Tag des Bildes mit "gallery" versehen. Bsp:

	Code:

	<img src="img/einzelnes_bild.jpg" alt="gallery" border="0">

oder wenn es sich um einen Link handelt, muss der "rel"-Tag mit "gallery" versehen werden.

	Code:

	<a href="img/einzelnes_bild.jpg" rel="gallery" target="_blank"><img src="img/vorschau_fuer_einzelnes_bild.jpg" border="0"></a>

oder

<a href="img/einzelnes_bild.jpg" rel="gallery" target="_blank">Link zum Bild</a>

5. b) Um mehrere Bilder in einer Galerie aufzurufen, muss man den "alt"-Tag des Bildes mit "gallery[GALERIENAME]" versehen. Bsp:

	Code:

	<img src="img/galerie_bild_1.jpg" alt="gallery[GALERIENAME]" border="0">

<img src="img/galerie_bild_2.jpg" alt="gallery[GALERIENAME]" border="0">

<img src="img/galerie_bild_3.jpg" alt="gallery[GALERIENAME]" border="0">

oder wenn es sich um Links handelt, muss der "rel"-Tag mit "gallery[GALERIENAME]" versehen werden.

	Code:

	<a href="img/galerie_bild_1.jpg" rel="gallery[GALERIENAME]"><img src="img/vorschau_fuer_galerie_bild_1.jpg" border="0"></a>

<a href="img/galerie_bild_2.jpg" rel="gallery[GALERIENAME]"><img src="img/vorschau_fuer_galerie_bild_2.jpg" border="0"></a>

oder gemischt:

	Code:

	<img src="img/vorschau_fuer_galerie_bild_1.jpg" border="0" alt="gallery[GALERIENAME]">

<a href="img/galerie_bild_2.jpg" rel="gallery[GALERIENAME]"><img src="img/vorschau_fuer_galerie_bild_2.jpg" border="0"></a>

<a href="img/galerie_bild_3.jpg" rel="gallery[GALERIENAME]">LINK</a>

6. Das Aufrufen der Galerie wird am Ende der Index-Datei unmittelbar vor dem "</body>"-End-Tag ausgeführt.

	Code:

	...

<script type="text/javascript">

initGallery();

</script>

</body>

Weitere Infos:

Der "title"-Tag:
Sowohl im "title"-Tag eines Bildes als auch in dem eines Links kann eine Beschreibung angegeben werden, die in der Galerieansicht angezeigt wird.

Der "alt"-Tag:
Trotz der Galerie kann eine Alternativbeschreibung für das Bild angegeben werden, indem man erst die Beschreibung angibt und dann mit einem Leerzeichen dahinter "gallery[XXX]" einfügt:

	Code:

	<img src="img/galerie_bild_1.jpg" alt="Alternativbeschreibung gallery[GALERIENAME]" border="0">

ImageBox v2.5 - 13.10.2009 VAImageBox_v2.5.rar (46.12 KB)

ImageBox v2.0 - 20.05.2009 VAImageBox_v2.0.rar (32.04 KB)

ImageBox v1.5 - 11.07.2008 VAImageBox_v1.5.rar (8.38 KB)

IE 6 +	FireFox 2 +	Opera 7 +	Safari