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 per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Verticale Sidebar Gallery è un plugin jQuery e tematici modelli che creano uno straordinario dispositivo di scorrimento immagine verticale con tre gradi di rotazione. Verticale Sidebar Gallery è un compagno perfetto per sidebar del tuo sito web. Si può usare come una galleria di immagini o optional posta scroller. Mettere quantità illimitata di contenuti in uno spazio limitato! Hai solo bisogno di generare il codice HTML dei contenuti e la galleria farà il resto. E 'alla moda, intuitivo, e migliorerà l'esperienza degli utenti di qualsiasi sito web.

Come usare il plugin? In pratica si può iniziare con il file basic.html. 1. Copiare il codice HTML da file basic.html (il codice tra... tag). 2. Includere foglio di stile per lo stile della galleria: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Includere i file JavaScript necessare: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-rotellina del mouse-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Iniziare a utilizzare la galleria chiamando jQuery plugin:. <script> jQuery () pronto ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Per personalizzare la galleria utilizzate le seguenti opzioni:. <Script> jQuery pronto (function () ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefisso:. "VSG", // classe CSS showHoverBars prefisso: true, // se visualizzare menu di librarsi in alto a sinistra rotateVertical: true, // se utilizzare le rotazioni verticali rotateHorizontal: true, // se utilizzare il piano orizzontale rotazioni rotateThumbnails: true, // se utilizzare la rotazione delle miniature optionsSliderHorizontal : {}, // opzioni flusso slider per il dispositivo di scorrimento orizzontale optionsSliderVertical: {}, // opzioni flusso slider per la cursori verticali optionsSliderThumbnail: {} // flusso slider opzioni per i dispositivi di scorrimento delle miniature});}); </ Script>

Per capire meglio l'opzione del flusso di scorrimento si consiglia di visitare il suo sito web. Ad esempio, per rendere cursore orizzontale per cambiare la sua posizione senza un'animazione, ma immediatamente, è sufficiente impostare optionsSliderHorizontal: {animazione: "Nessuno"}

Personalizzare il Galleria verticale Galleria immagini è dotato di cinque temi progettuali installati. Basta creare un elemento sopra il cursore con una delle classi della pelle:.vsg-filettatura,.vsg-primo piano,.vsg-erba, o.vsg-combinata. Ma hey, se non trovate il vostro disegno è ancora facile per creare il proprio look. Basta modificare i colori in uno dei file di skin CSS.

Cambiare le dimensioni della tua Slider Si può allungare verticale Sidebar Gallery per qualsiasi larghezza si desidera. Cinque opzioni di larghezza vengono installati per voi:.vsg-180,.vsg-200,.vsg-250,.vsg-300. O creare il proprio formato personalizzando uno dei file CSS dimensioni.

Multi Miniature aggiunge più di un immagine da una miniatura e un rotatore immagine infinita verrà creato per scorrere le immagini.

3-in-1 Slider Tre cursori di potenza di questo modello: cursore del pannello orizzontale, scorrimento delle miniature in verticale, e rotatori immagine orizzontale.

Top Navigazione slitta superiore pannelli facendo clic sui pulsanti di navigazione in alto o in bilico in alto a sinistra leggenda di navigazione.

Rotellina del mouse posizionare il cursore sopra la barra di scorrimento per scorrere i contenuti pannello superiore usando la rotella di scorrimento del mouse.

Hash controller Naviga attraverso gallerie con hash URL del browser. Ad esempio, aggiungere 3 # per l'URL di questa pagina e aggiornarla.

Browser di sostegno verticale Galleria immagini supporta tutti i principali browser, come Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Supporta proprietà CSS3 transizione. Creare uno slider con accelerazione hardware transizioni CSS3.

Flusso Slider Questo modello è alimentato da plug-in di flusso Slider libero jQuery, che è endlesly personalizzabile e garantisce impeccabile scorrevole.

Plugin personalizzabile Personalizzare tutte le caratteristiche della galleria, modificando l'opzione quando si utilizza questo plugin jQuery.


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
23 Marzo 12

Ultimo aggiornamento:
23 Marzo 12

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

File inclusi:
JavaScript JS, HTML, CSS

Versione software:
Altro, jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, giostra, galleria, Immagine, interfaccia, js javascript, jquery, muovere il mouse, immagine, collegare, anteprima, rotatori, cursore, miniature, ui, verticale