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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Verticală Bara laterală Gallery este un plugin jQuery și template-uri tematice care creează un slider imagine uimitoare pe verticală, cu trei grade de rotație. Verticală Bara laterală Gallery este un companion perfect pentru bara laterală a site-ului. Puteți să-l utilizați ca o galerie de imagini sau post scroller recomandate. Pune cantitate nelimitată de conținut în spațiu limitat! Ai nevoie doar pentru a genera HTML a conținutului și galeria va face restul. Este la modă, intuitiv, și va îmbunătăți experiența de utilizare a oricărui site.

Cum de a utiliza plugin-ul? Practic se poate începe cu fișierul basic.html. 1. Copiați HTML din fișierul basic.html (codul dintre... tag-uri). 2. Include stylesheet la stilul galeria: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Includeți necessare fișierele JavaScript: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-rotița 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. Începeți să utilizați galerie prin apelarea plugin jQuery:. <script> jQuery () gata ( funcția ($) {$ ( "VSG wrap.") VerticalSidebarGallery ().}); </ Script>

Pentru a personaliza galeria utiliza următoarele opțiuni:. <Script> jQuery () gata (funcția ($) {$ ( "VSG-wrap"). VerticalSidebarGallery ({prefix:. "VSG", // showHoverBars prefix clasa css: true, // dacă pentru a afișa meniul de trecere a cursorului din stânga-sus rotateVertical: true, // dacă să se utilizeze rotirile verticale rotateHorizontal: true, // dacă să se utilizeze rotirile orizontale rotateThumbnails: true, // dacă să utilizeze rotație miniatură optionsSliderHorizontal : {}, // opțiuni de flux cursor pentru orizontală slider optionsSliderVertical: {}, // opțiuni de flux cursor pentru cursoarele vertical optionsSliderThumbnail: {} // opțiuni de flux cursor pentru cursoarele miniatură});}); </ Script>

Pentru a înțelege mai bine opțiunea Slider Flow vă sunt încurajați să viziteze site-ul său. De exemplu, pentru a face cursorul pe orizontală pentru a schimba poziția sa, fără o animație, dar instantaneu, pur și simplu set optionsSliderHorizontal: {animație: "Nici unul"}

Personalizeaza-ti Galerie verticale Galerie de imagini vine cu cinci teme de design instalate. Doar creați un element peste cursorul cu una dintre clasele de piele:-.vsg Threadless,.vsg-closeup,.vsg-iarbă, sau.vsg-Combo. Dar, hei, dacă nu găsiți design-ul este încă ușor de a crea propriul look. Doar modifica culorile într-unul dintre fișierele CSS ale pielii.

Modificați dimensiunea Slider dvs. Puteți întinde pe verticală din bara laterală Galerie pentru orice lățime doriți. Cinci opțiuni lățime sunt instalate pentru tine:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Sau creați propria dimensiune prin personalizarea unul dintre fișierele CSS dimensiunea.

Multi Miniaturi Adăugați mai mult de o imagine la o miniatură și o imagine rotator infinit va fi creat pentru a derula acele imagini.

3-in-1 slider Trei cursoare putere acest șablon: slider panou orizontal, slider miniatură pe verticală, și rotator imagine orizontală.

Sus Navigare Slide Panoul de sus făcând clic pe butoanele de navigare de sus sau de sus situându-se stânga legenda de navigare.

Mouse-ul pe pneuri Plasați cursorul peste cursorul pentru a derula conținutul panoului superior cu ajutorul mouse-ului roata de defilare.

Hash Controler Navigați prin galerii cu hash URL-ul browser-ului. De exemplu, adăugați # 3 la URL-ul paginii și actualizați-l.

Browser-ul Suport vertical Galerie de imagini suporta toate browserele majore, cum ar fi: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Tranziții

Sprijină proprietatea de tranziție CSS3. Creați un slider cu accelerare hardware tranziții CSS3.

Flow Cursor Acest șablon este alimentat de la Flow Cursor Free plugin jQuery, care este endlesly personalizabil și asigură o alunecare fără cusur.

Plugin personalizabil Personalizați toate caracteristicile galeriei prin schimbarea opțiune atunci când utilizați acest plugin jQuery.


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
23 martie 12

Ultima actualizare:
23 martie 12

Browsere compatibile:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fişierele incluse:
JavaScript JS, HTML, CSS

Versiune de software:
Altele, jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, carusel, Galerie, imagine, interfață, js javascript, jquery, muta mouse-ul, imagine, conecteaza, previzualizare, rotator, cursor, miniatură, ui, vertical