Ajaxschmiede.de

Nachdem ich erst gestern über die kürzlich veröffentlichte DOMAssistant-Version 2.7.1.1 berichtet habe, möchte ich an dieser Stelle auf 2 interessante Plugins für die eben genannte Javascript-Klasse eingehen. Die beiden Erweiterungen tragen die Namen PictureSlides und boxIt.

PictureSlides bietet vielfältige Möglichkeiten Slideshows und Fotogalerien individuell zu erstellen und anzupassen. Dabei gibt es die folgenden Varianten, die man sich jeweils in einer Demo ansehen kann: nur große Bilder anzuzeigen, eine Slideshow in eine existierende Seite einzubetten und eine Fotogalerie samt Vorschau-Bildern zu erstellen.

Zu den Features zählen:

• Slideshows, die beim Öffnen der Seite starten
• Slideshows mit Wiederholungsschleifen
• Lightbox-ähnlicher Effekt während des Slideshow-Durchlaufs zum Abheben vom Rest der Homepage
• Ein- und Ausblendeffekt
• Wahlweises Vorladen der Bilder um Ladezeiten zu umgehen
• Individuelles Steuern, welches Foto zuerst angezeigt werden soll, über den Programmcode
• Unterstützung von Tastaturkürzeln
• Vor- und Zurück-Links
• Einblenden von Text neben dem Bild
• Bilderzähler

Dieses Plugin besteht aus zwei Dateien: Eine Datei beinhaltet den gesamten nötigen Javascript-Code, die andere enthält die Einstellungen zum Anpassen aller Parameter, Features und Werte.

Eine ausführliche Einbauanleitung samt Dokumentation steht allen Interessierten in englischer Sprache zur Verfügung.

Das zweite Plugin, das ist vorstellen möchte, trägt den Namen boxIt und ist von dem Franzosen Samuel Desnoës, der bereits für die französische Übersetzung der DOMAssistant-Dokumentation verantwortlich war, entwickelt worden.

Während Rahmen um block-artige HTML-Elemente (div, p, ul, li) standardmäßig eckig sind und man daher „runde Ecken“ meist nur über div-Verschachtelungen erzeugen kann, vereinfacht boxIt den Quellcode und damit auch das Vorgehen erheblich, indem der Anwendungsentwickler nur noch das HTML-Element angeben muss und das Plugin den Rest via Javascript hinzufügt.

Auf der Homepage des Entwicklers findet sich eine Demonstrationsseite, die aufzeigt, wie boxIt arbeitet. Ebenso existiert eine ausführliche (englischsprachige) Beschreibung über das Benutzen des Plugins.