“RoundAbout” Bildgalerie

• Live-Demo
• Herunterladen

Das ist ein mächtiges Galerie Script mit Hilfe von dessen kann man interaktive „rund herum“ Schnittstellen erstellen. Standardmäßig funktioniert es für sortierte und unsortierte Listen, aber kann es nach bestimmten Änderungen auch für die alle HTML Strukturen klappen. Klicken Sie auf diesen oder diesen Link, damit die Anleitungen rund um Installation und Konfiguration der Galerie zu lesen. .

JavaScript
/> Damit das Script funktioniert muss die index-#.html Datei mit einer Galerie diese Zeile des HTML-Codes haben:

Im Bereich gibt es diese Zeile des Codes, die Script-Funktionalität mit Grundwerten initialisieren:

Das Script initialisiert ein Element (normalerweise den

Tag, aber es kann auch der
Tag sein) mir der #myRoundabout ID. Der Formparameter definiert die Form vom Galerie Display:

1. waterWheel



2. lazySusan



3. figure8



4. square



5. conveyorBeltLeft



6. conveyorBeltRight



7. diagonalRingLeft



8. diagonalRingRight



9. rollerCoaster



10. tearDrop



11. theJuggler



12. goodbyeCruelWorld



HTML
Below you can see general HTML script representation:



Die HTML Galerie wird einfach mit einer unsortierten Liste (

Tag) mit #myRoundabout ID erstellt.

CSS
/> In der style.cssHauptdatei finden Sie die Stylesheets.




Dieser Eintrag wurde um Galerie geschrieben und gallery, jQuery markiert. Bookmarken Sie den permalink.

Ähnliche Beiträge

JS Animated. Wie ändert man die Geschwindigkeit des Sliders

Januar 27, 2020

Dieses Tutorial zeigt Ihnen, wie man die Geschwindigkeit des Übergangseffektes im JS Animated Templates anpasst. Normalerweise haben die JS Animated Templates den Slider, der TM_Slider heißt, und wie die andere jQuery-basierte Slider hat er eine Menge Einstellungen. Hier erfahren Sie, wie Sie ihn anpassen können. Öffnen Sie den Ordner vom JS Animated Template und gehen […]

How to display WordPress images in columns and rows

Januar 22, 2018

Hello, this guide is going to show you how to display WordPress images in columns and rows.

Multipurpose Website Templates. How to manage LightGallery extension

Juni 8, 2017

This tutorial is going to show you how to manage LightGallery plugin. We use it in our templates to implement functional mobile-friendly galleries.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten