WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Vertical Sidebar Gallery - jQuery Slider

— Add-On auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertikale Seitenleiste Gallery ist ein jQuery-Plugin und Themenvorlagen, die eine erstaunliche vertikale Bild Schieber mit drei Rotationsgrade schaffen. Vertikale Seitenleiste Gallery ist ein perfekter Begleiter für Ihre Website-Sidebar. Sie können es als eine Fotogalerie zu verwenden oder vorge Post scroller. Setzen Sie unbegrenzte Menge an Inhalt in begrenztem Raum! Sie müssen nur den HTML-Code Ihrer Inhalte zu generieren und die Galerie wird den Rest erledigen. Es ist trendy, intuitiv, und wird jede Website Benutzerfreundlichkeit zu verbessern.

Wie das Plugin zu benutzen? Grundsätzlich können Sie mit der basic.html Datei starten. 1. Kopieren Sie die HTML aus basic.html Datei (der Code zwischen... Tags). 2. Fügen Sie Sheet die Galerie, um Stil: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Fügen Sie die necessare JavaScript-Dateien: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-Mausrad-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Starten Sie die Galerie durch den Aufruf von jQuery-Plugin. <script> jQuery () bereit ( function ($) {$ ( "vsg-wrap"). VerticalSidebarGallery ();.}); </ Script>

So passen Sie Ihre Galerie folgende Optionen zur Verfügung:. <Script> jQuery () bereit (function ($) {$ ( "vsg-wrap"). VerticalSidebarGallery ({prefix:. "Vsg", // CSS-Klasse Präfix showHoverBars: true wahr, // ob die die vertikalen Rotationen zu verwenden rotateHorizontal: // ob oben links Hover-Menü rotateVertical zeigen wahr, // ob die die horizontalen Drehungen rotateThumbnails zu verwenden: true, // ob die Miniatur Rotation zu verwenden optionsSliderHorizontal : {}, // optionsSliderVertical Flow-Slider Optionen für den horizontalen Schieberegler: {}, // Flow-Slider-Optionen für die vertikale Schieberegler optionsSliderThumbnail: {} // Flow-Slider-Optionen für die Thumbnail-Schieber});}); </ Script>

Um besser zu verstehen, die Option Flow Slider Sie werden ermutigt, ihre Website zu besuchen. Zum Beispiel, horizontalen Schieberegler, um seine Position ohne eine Animation zu ändern, aber sofort, indem Sie einfach optionsSliderHorizontal: {Animation: "None"}

Passen Sie Ihre Galerie vertikale Bildgalerie mit fünf Design-Themen kommt installiert. Erstellen Sie einfach ein Element über den Schieber mit einer der Skinklassen:.vsg-gewinde,.vsg-Nahaufnahme,.vsg-Gras oder.vsg-Combo. Aber hey, wenn Sie es nicht Ihr Design zu finden, ist immer noch einfach, Ihren eigenen Look zu kreieren. Ändern Sie einfach die Farben in einer der CSS-Skin-Dateien.

Ändern Sie die Größe Ihres Slider Sie können vertikale Seitenleiste Gallery zu jeder Breite strecken Sie es wünschen. Fünf Breite Optionen sind für Sie installiert:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Oder Ihre eigene Größe erstellen, indem Sie eine der Größe CSS-Dateien anpassen.

Multi Thumbnails hinzufügen mehr als ein Bild auf eine Miniaturansicht und eine unendliche Bilddreher geschaffen werden durch diese Bilder zu scrollen.

3-in-1 Slider Drei Schieberegler Macht diese Vorlage: horizontal Schiebefenster, vertikale Miniatur Schieber und horizontalen Bilddreher.

Top Navigation Schieben Toppanels von Top-Navigationstasten klicken, oder schwebt oben links Navigation Legende.

Mausrad Setzen Sie den Cursor über den Schieberegler oberen Platte Inhalt mit dem Mausrad scrollen.

Hash-Controller Navigieren Sie durch Galerien mit Browser-URL-Hash. Fügen Sie zum Beispiel # 3 in der URL dieser Seite und aktualisieren Sie es.

Browser-Unterstützung Vertikale Bildergalerie unterstützt alle gängigen Browser, wie Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Unterstützt CSS3 Übergang Eigenschaft. Erstellen Sie einen Schieberegler mit Hardware-beschleunigte CSS3 Übergänge.

Flow-Slider Diese Vorlage wird von Flow Slider Kostenlose jQuery-Plugin angetrieben, die endlesly anpassbar und sorgt für einwandfreie Gleiten.

Anpassbare Plugin Fertigen Sie alle Funktionen der Galerie durch die Option zu ändern, wenn diese jQuery-Plugin.


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
23. März 12

Letztes Update:
23. März 12

kompatible Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien inklusive:
JavaScript JS, HTML, CSS

Softwareversion:
Andere, jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, Karussell, Galerie, Image, Schnittstelle, Javascript js, jquery, Maus bewegen, Bild, Plugin, Vorschau, Rotator, Schieberegler, Miniaturansicht, ui, vertikal