Ajaxschmiede.de

Seit wenigen Tagen ist die Bildergalerie Imageflow nun in Version 1.0.1 erhältlich.

Bereits in der Vergangenheit hatten wir mehrmals über dieses Script berichtet.

Lange war es still gewesen, was die Weiterentwicklung von Imageflow betrifft. Doch Programmierer Finn Rudolph war nicht untätig. Er hat, im Gegensatz zu den vorherigen Versionen, den gesamten Quellcode objektorientiert umgeschrieben.

Desweiteren bietet Version 1.0(.1) noch folgenden Mehrwert:

• Behebung mehrerer Fehler (Selection-Bug, Back-Button-Bug und 2 IE-spezifische Fehler)
• zeitigeres Anzeigen der Galerie durch Code-Ausführung direkt nach dem Laden des HTML-Codes
• auf 8kb komprimierbarer und leichter lesbarer Quellcode
• vereinfachte Installation und Integration
• echter Ladebalken
• alle Optionen sind nun optional
• Transparenz-Unterstützung
• Anpassbarkeit der Zoomgröße beim Fokussieren eines Bilder
• Einblendeffekt nach dem Initialisieren
• Opera + IE: Steuerung über Pfeiltasten
• Möglichkeiten zum Vorladen von Grafiken

Durch den Umstieg zum objektorientierten Programmierstil können nun auch mehrere Instanzen von imageflow auf einer Seite verwendet werden.

Der Einbau erfolgt nun wie folgt:

<!-- Einbau -->
<link rel="stylesheet" href="imageflow.css" type="text/css" />
<script src="imageflow.js" type="text/javascript"></script>
...
<!-- Bilderdefinition-->
<div id="unique_name" class="imageflow">
<img src="dir/image_1.jpg" longdesc="URL_1" width="w_1" height="h_1" alt="Text_1" />
<img src="dir/image_2.jpg" longdesc="URL_2" width="w_2" height="h_2" alt="Text_2" />
<img src="dir/image_3.jpg" longdesc="URL_3" width="w_3" height="h_3" alt="Text_3" />
</div>

Die Initialisierung geschieht nun durch den folgenden, vereinfachten Javascript-Code:

domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: 'myImageFlow' });
});

Wer detailierte Informationen sucht, kann einen Blick in die leicht verständliche, englischsprache Dokumentation werfen.