jQuery Plugin: News Navigation

Auf fast jeder Seite werden heute NEWS angezeigt. Ob von heise, t3n oder wem auch immer.
Hier habe ich mal einen Prototypen erstellt, der einzelne Nachrichten-Blöcke ein und ausblendet.
Die News werden mit dem jQuery Plugin automatisch nacheinander eingeblendet oder es gibt die Möglichkeit mit dem Vor oder Zurück Button durch die News zu navigieren.

Aufruf des Plugins:

<script src="https://gist.githubusercontent.com/detecmedia/e44665dcc8e44a72ff7685ba7edc3043/raw/07ce4e67638cf39d92fd0947482cc2fd710a3382/script.js"></script>

 

$(function() {
  $.switcher({
    switcherSelector: '.switcher', // Klasse fuer den News-Kontainer (default: .switcher)
    previousSelector: '.previous', // Klasse fuer Zurueck-Button (default: .previous) 
    nextSelector: '.next',         // Klasse fuer Vor-Button (default: .next)
    elementSelector: '.element',   // Klasse fuer die News-Elemente (default: .element)
    sleep: 5,                      // Wartezeit fuer automatischen Wechsel, Wert in Sekunden (default: 10)
  });
});

Demo bei CodePen:

See the Pen jquery plugin: previous next switcher for elements by Markus Potthast (@detecmedia) on CodePen.0

Quellen bei Github

Der Senior Software Developer im Angestelltenverhältnis hat zum Hauptthema natürlich die Programmierung und Entwicklung von Webanwendungen. Gelegentlich finden sich hier auch Krazy Netzfundstücke.

Über Markus Potthast 50 Artikel
Der Senior Software Developer im Angestelltenverhältnis hat zum Hauptthema natürlich die Programmierung und Entwicklung von Webanwendungen. Gelegentlich finden sich hier auch Krazy Netzfundstücke.

Ersten Kommentar schreiben

Antworten

Deine E-Mail-Adresse wird nicht veröffentlicht.


*