CSS-ImageSlider Bildschirmfotos Eigenschaften Voraussetzungen

Dieser Slider kommt ganz ohne JavaScript aus, funktioniert nur durch CSS. Im Administrator-Bereich können Fotos hochgeladen und bearbeitet werden. Die Daten der Fotos werden in einer SQLite-Datei gespeichert.

  • Deutsches Museum
  • Oldtimer
  • Flugzeug der Gebrüder Wright
  • Die Isar

Dieser CSS-ImageSlider, spielt die Fotos automatisch ab.

Bildschirmfotos

[Bildschirmfoto] Administrator-Bereich: Anmeldung.
Administrator-Bereich: Anmeldung.
[Bildschirmfoto] Administrator-Bereich: Hier werden die Fotos hochgeladen.
Administrator-Bereich: Hier werden die Fotos hochgeladen.
[Bildschirmfoto] Administrator-Bereich: Fotos bearbeiten, Fotos sortieren und Fotos löschen.
Administrator-Bereich: Fotos bearbeiten, Fotos sortieren und Fotos löschen.

Die Bildschirmfotos können von der aktuellen Version abweichen!

Eigenschaften

Voraussetzungen

Webserver mit PHP 8.0 (oder höher) und Kenntnisse in HTML, CSS und PHP um die Scripte den eigenen Wünschen anpassen zu können.

css-imageslider.zip

Viel Spaß damit!

Tipps

Um die Größe der Fotos zu begrenzen, kann ein <div>-Element um den ImageSlider gesetzt werden, z. B.: <div style="max-width: 600px; margin: Auto;"> … </div>.

Diashow
Die Diashow liest Bilder aus einem Verzeichnis aus (mit PHP), und zeigt diese mit Hilfe von JavaScript an.