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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Barra Lateral Gallery és un plugin de jQuery i el tema de plantilles que creen un control lliscant vertical de la imatge impressionant, amb tres graus de rotació. Vertical Barra Lateral Gallery és un company perfecte per a la barra lateral de la seva pàgina web. Es pot utilitzar com una galeria d'imatges o funcions desplaçador posterior. Poseu una quantitat il limitada de contingut en l'espai limitat! Només ha de generar l'HTML del seu contingut i la galeria farà la resta. Està de moda, intuïtiu, i millorarà l'experiència de l'usuari de qualsevol lloc web.

Com utilitzar el connector? Bàsicament es pot començar amb l'arxiu basic.html. 1. Copia el codi HTML d'arxiu basic.html (el codi entre les etiquetes...). 2. Incloure full d'estils amb l'estil de la galeria: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Incloure els arxius JavaScript necessare: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-roda del ratolí-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" / jS vsg.flowslider.jquery.js "> </ script> 4. Començar a utilitzar la galeria trucant jQuery connector :. <script> jQuery () llista ( funció ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Per personalitzar la galeria de fer servir aquestes opcions :. <Script> jQuery () a punt (function () {$ ( "$ VSG-wrap.") VerticalSidebarGallery ({prefix: ". VSG", // classe CSS showHoverBars prefix: true, // si voleu mostrar el menú superior esquerra de la libració rotateVertical: true, // si utilitzar les rotacions verticals rotateHorizontal: true, // si utilitzar les rotacions horitzontals les rotateThumbnails: true, // si s'ha d'utilitzar la rotació miniatura optionsSliderHorizontal : {}, // opcions de flux de cursor per a la horitzontal lliscant optionsSliderVertical: {}, // opcions de flux lliscants per les corredisses verticals optionsSliderThumbnail: {} // opcions de flux per a les corredisses lliscants en miniatura});}); </ Script>

Per entendre millor opció del control lliscant de flux se l'anima a visitar el seu lloc web. Per exemple, per fer lliscant horitzontal per canviar la seva posició sense una animació, però a l'instant, acaba d'establir optionsSliderHorizontal: {animació: "Cap"}

Personalitza el teu Galeria d'imatges Galeria vertical ve amb cinc temes de disseny instal·lades. N'hi ha prou amb crear un element sobre el control lliscant amb una de les classes de la pell:.vsg-rosca,.vsg-primer,.vsg-herba, o.vsg-combo. Però bé, si no troba el seu disseny segueix sent fàcil per crear la seva pròpia mirada. Només modificar els colors en un dels arxius de la pell CSS.

Canviar la mida de la seva lliscant Vostè pot estirar la barra lateral vertical Galeria per a qualsevol ample que desitja. Cinc opcions d'ample s'instal·len per a vostè:.vsg-180,.vsg-200,.vsg-250,.vsg-300. O pot crear el seu propi mida mitjançant la personalització d'un dels arxius CSS mida.

Multi miniatures afegir més d'una imatge a una imatge en miniatura i un rotador de la imatge infinita es crearan per desplaçar-se a través d'aquestes imatges.

3-en-1 Control lliscant tres punts lliscants de potència aquesta plantilla: lliscant del panell horitzontal, regulador de miniatures vertical i horitzontal de la imatge dels rotatoris.

Top exploració de diapositives panells superiors fent clic als botons de navegació superior o surant llegenda de navegació superior esquerra.

La roda del ratolí posar el cursor sobre el control lliscant per desplaçar contingut del panell superior usant la roda del ratolí.

Hash controlador Navegar a través de galeries de hash amb la URL del navegador. Per exemple, afegiu # 3 a la URL d'aquesta pàgina i actualitzar-la.

Suport navegador Vertical Galeria d'imatges és compatible amb tots els principals navegadors, com el Firefox, Internet Explorer, Chrome, Safari, Opera. Les transicions CSS3

És compatible amb la propietat de transició CSS3. Crear un slider amb acceleració per maquinari transicions CSS3.

Flux lliscant Aquesta plantilla és alimentat pel flux lliure Botó lliscant plugin de jQuery, que és endlesly personalitzable i assegura impecable lliscant.

Plugin personalitzable Personalitzar totes les característiques de la galeria canviant opció en utilitzar aquest plugin de jQuery.


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
23 març 12

Darrera actualització:
23 març 12

Els navegadors compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arxius inclosos:
JS JavaScript, HTML, CSS

Versió de programari:
D'altres, jQuery

Paraules clau

eCommerce, eCommerce, tots els Articles, carrusel, galeria, imatge, interfí, cie, js javascript, jQuery, moure el ratolí, imatge, connectar, Vista prè, via, rotador, lliscant, ungla del polze, ui, vertical