• CSS3  slideshow
  • Bootstrap  slider
  • Bootstrap  slider
  • CSS  slider
CSS3 slider

Slide Transition & Demure Skin Slider Js

Dies ist eine Slideshow ohne JS, wirklich OHNE JavaScript, und ist ausschließlich nur mit CSS3 entwickelt worden. Es bietet eine dynamische Show mit reichhaltigen Kontrollmöglichkeiten, die den Besuchern die Möglichkeit geben die Bilder in der gewohnten Geschwindigkeit zu sehen und gleichzeitig für eine ansprechende Atomsphäre sorgen.

Jedes Bild kommt dabei von der rechten Seite und gleitet unterbrechungsfrei auf die linke. Ist einmal das Ende der Slideshow erreicht, springt sie wieder schnell auf den Anfang und beginnt von neuem. Für die Navigation zwischen den Bildern hat sie die gleichen Vorwärts- und Rückwärtspfeile, die man auch in anderen Templates findet, hat aber auch einen einzigartigen Abspielen/ Pause Button im Zentrum. Alle Kontrollmöglichkeiten erscheinen in Boxen mit einem transparenten Aussehen und weißen Symbolen, bis der Mauszeiger über ihnen ist. Sie werden dann größer und werden Blau und solide.

Zudem kann auch eine kleine Vorschau jedes Bildes gesehen werden, indem man mit der Maus über die transparenten schwarzen Punkte am unteren Rand fährt. Der Punkt, der das aktuelle Bild darstellt wird dann Blau, während der Besucher beim Klick auf einen anderen Punkt zu genau diesem Bild springt.

Die Boxen der Überschriften die die Bilder in dem JS freien Template begleiten erscheinen in der unteren rechten Ecke und verschwinden nach unten bei jedem neuen Bildwechsel. Sie sind ebenfalls schwarz und heben dadurch die einfache weiße Schrift hervor und betonen zudem auch die entsprechenden Bilder. Fährt die Slideshow fort entfaltet sich die alte Textbox und die Neue des nächsten Bildes erscheint.

No JS sit ideal für jede Webseite die versucht seinen Besuchern eine zusätzliche Möglichkeit zur Kontrolle geben will oder für Seiten, die die Slideshow regelmäßig anhalten müssen, wenn diese zum Beispiel Restaurantangebote oder ein tägliches Menü enthält. Tatsächlich besteht sie nur aus CSS3 und läuft gleichermaßen auf Computern und mobilen Geräten. Es gibt für diesen Slider keine Webseiten, die nicht zu ihm passen!