EnglishWOWSlider  DeutschBildergalerie Diashow  EspañolGaleria de Imagenes, Slide Imagenes Gratis  FrançaisDiaporama Galerie D'Image  ItalianoImmagini Galleria  汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS3 слайдер  SvenskaBild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
Download Free Version

Slider Demos

  • jQuery Image Carouseljquery carousel Animated Template with Parallax Animation
  • CSS Slideshow Plastic Layout with Squares Transition
  • image gallery jquery free download with demojquery slideshow 155 Slides Huge Layout with Dribbles Transition

Ist es möglich, animierte GIF-Bilder in WOW jQuery Slider zu verwenden?

WOWSlider wurde dafür entworfen, alle Bildformate öffnen und importieren zu können, einschließlich gif. Wenn es allerdings die letztendlichen Bilder exportiert, speichert es diese Bilder als statische jpg- oder png-Dateien. Dies hilft dabei sicherzustellen, dass alle Bilder für das Web optimiert sind und das richtige Format für die Slideshow verwenden. Das bedeutet allerdings, dass animierte gifs als statische Bilder neu gespeichert werden.

Es ist möglich, diese Limitierung zu umgehen, indem Sie die animierten .gif-Dateien manuell hochladen und den HTML-Code anpassen.

Wie Sie Ihrer WOWSlider-Slideshow eine animierte GIF-Datei hinzufügen

Erstellen Sie Ihre Slideshow wie immer und importieren Sie Ihre Bilder in diese. Sie sollten die gif-Dateien ebenfalls importieren, denn das macht es später einfach, den HTML-Code zu bearbeiten, indem Sie Slides als Platzhalter erzeugen.

Speichern Sie Ihre Slideshow.

Wechseln Sie in das data/images-Verzeichnis.

Fügen Sie Ihre animierten gifs diesem Verzeichnis hinzu und stellen Sie sicher, dass die Dateinamen logisch und Web-kompatibel sind. Verwenden Sie keine Leerzeichen und Sonderzeichen im Dateinamen, und halten Sie diese kurz. (z.B. ‚bild1.gif‘ statt ‚mutter & tochter.gif‘).

Sie können die WOWSlider-.jpg-Versionen der Bilder löschen, um Speicher zu sparen.

Öffnen Sie nun die wowslider.html-Datei in Ihrem bevorzugten Texteditor.

Sie werden den Abschnitt unterhalb von BODY sehen, welcher die Verknüpfungen zu all Ihren Bilddateien enthält. Nun werden Sie die Verknüpfungen anpassen. Zum Beispiel:

<div class="img"><img src="data1/images/image1.jpg" alt="image1" title="image1" id="wows1_0"/></div>

Müssen Sie verändern zu:

<div class="img"><img src="data1/images/image1.gif" alt="image1" title="image1" id="wows1_0"/></div>

Speichern Sie die Datei und öffnen Sie sie in einem Web-Browser, um zu überprüfen, ob alles wie gewünscht funktioniert. Falls die Bilder nicht geladen werden, liegt das wahrscheinlich daran, dass Sie sich beim Eingeben des Dateinamens vertippt haben. Stellen Sie sicher, dass alle Backslashes erhalten bleiben und Sie nicht versehentlich eines der Anführungszeichen löschen, denn diese sind wichtig, damit der Code funktioniert.

Dann müssen Sie die ‚data‘ und ‚engine‘-Ordner auf Ihren Web-Server hochladen, zusammen mit der WOWSlider-HTML-Datei.