So erstellen Sie einen Bild-Slider oder eine Bild-Diashow mit HTML, CSS und Vanilla JavaScript

Blog

In diesem Video lernen wir, wie man in weniger als 5 Minuten einen Bild-Slider oder eine Bild-Diashow mit HTML, CSS und Vanilla JavaScript erstellt. Das Design ist inspiriert von flacher Benutzeroberfläche und flachem Design, wir haben Materialfarben für einen flachen Look verwendet



Abonnieren : https://www.youtube.com/channel/UC9vqZpApNd4M0Pl5yR4banw

Quellcode :



HTML-Code:

java jdk herunterladen ohne Anmeldung
Automatic Image Slideshow

CSS:



{ margin: 0; padding: 0; box-sizing: border-box; } body { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; } .box { width:60%; height: 70%; box-shadow: 0 0 25px -3px rgba(0,0,0,0.4); } .box img{ width:100%; height: 100%; }

JavaScript:

var images = ['images/img1.png'>

So erstellen Sie einen Bild-Slider oder eine Bild-Diashow mit HTML, CSS und Vanilla JavaScript

In diesem Video lernen wir, wie man in weniger als 5 Minuten einen Bild-Slider oder eine Bild-Diashow mit HTML, CSS und Vanilla JavaScript erstellt. Das Design ist inspiriert von flacher Benutzeroberfläche und flachem Design, wir haben Materialfarben für einen flachen Look verwendet