js-Coding - Javascript Module

Javascript-Slider Modul

Hinter dem folgenden Link befindet sich ein Javascript-Slider Modul mit zwei Slider Beispielen. js-Coding auf hohem Niveau, kombiniert mit PHP Importierung von Bildern.

Über ein PHP-Skript werden die Bilder in dem "img"-Ordner eingelesen. Diese Bilder werden dann mit Javascript in dem Slider verarbeitet. Mann kann ohne weitere Programmierung Bilder in den Bilder-Ordner speichern und sie werden mit in dem Slider aufgenommen.

Fading-Animation

Hier werden die Bilder nach und nach in den Bildausschnitt geladen und mit einer Fade-In und Fade-Out Animation dargestellt.

Sliding-Animation

Im zweiten Beispiel werden die Bilder in einer Reihe geladen und mit einer Bewegungsanimation nach links nacheinander dargestellt. Ist das Ende erreicht, wandert der Slider wieder an den Anfang

Zusätzlich

Man kann manuell das vorige oder nachfolgende Bild mittels einem Button anwählen. Eine Direktauswahl der Bilder ist mittels der dynamisch erstellten Punktereihe gewährleistet.