Vor einiger Zeit habe ich vom YUI Karussell Widget berichtet mit der es möglich ist dynamisch Bilder oder Text anzuzeigen und wie in einem Karussell nachzuladen. Nun besteht ein ähnliches Plugin auch für die kleine und effiziente JavaScript Bibliothek jQuery und nennt sich “Accessible News Slider“.
Neben der Seite mit einer kleinen Beschreibung besteht eine Demo des Widgets – für alle die ein solches Widget noch nicht kennen: Man kann an den Pfeilen rechts und links durch die News bewegen. Das JavaScript File kann auch direkt heruntegeladen werden. In der aktuellen Version allerdings ohne dynamisches Nachladen der Daten vom Backend, was bedeutet, dass alle Daten die in dem Slider angezeigt werden sollen auch schon direkt geladen werden müssen. Das die Daten allerdings auf der Seite schon vorliegen hat den Vorteil, dass bei ausgeschaltetem JavaScript alle Daten, die mit dem Widget normalerweise dynamisch eingefügt werden, dennoch auf der Seite untereinander angezeigt werden.
Man kann ein solches Widget vielseitig verwenden. Ob es nun kleine Diashows sind, News oder sonstiges eingeblendet (oder dynamisch nachgeladen) werden soll kann man ja frei entscheiden.
Neben der Seite mit einer kleinen Beschreibung besteht eine Demo des Widgets – für alle die ein solches Widget noch nicht kennen: Man kann an den Pfeilen rechts und links durch die News bewegen. Das JavaScript File kann auch direkt heruntegeladen werden. In der aktuellen Version allerdings ohne dynamisches Nachladen der Daten vom Backend, was bedeutet, dass alle Daten die in dem Slider angezeigt werden sollen auch schon direkt geladen werden müssen. Das die Daten allerdings auf der Seite schon vorliegen hat den Vorteil, dass bei ausgeschaltetem JavaScript alle Daten, die mit dem Widget normalerweise dynamisch eingefügt werden, dennoch auf der Seite untereinander angezeigt werden.
Man kann ein solches Widget vielseitig verwenden. Ob es nun kleine Diashows sind, News oder sonstiges eingeblendet (oder dynamisch nachgeladen) werden soll kann man ja frei entscheiden.
0 Kommentare:
Kommentar veröffentlichen