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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Sidebar Gallery is een jQuery plugin en thema-sjablonen die een overweldigend verticaal beeld slider met drie graden rotatie te creëren. Vertical Sidebar Gallery is een perfecte metgezel voor de zijbalk van uw website. Je kunt het gebruiken als een image gallery of gekenmerkt bericht scroller. Doe onbeperkte hoeveelheid content in beperkte ruimte! Je hoeft alleen maar de HTML-code van uw content te genereren en de galerie doet de rest. Het is trendy, intuïtief, en zal een website van de gebruiker te verbeteren.

Hoe de plugin te gebruiken? In principe kunt u beginnen met de basic.html bestand. 1. Kopieer de HTML-code basic.html-bestand (de code tussen... labels). 2. Neem stylesheet naar de galerie stijl: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Neem de necessare JavaScript-bestanden: <script src = "js / jQuery -1.7.1.min.js "> </ script> <script src =" js / jquery-muiswiel-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Begin met behulp van de galerie door te bellen jQuery plugin:. <script> jQuery () klaar ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Om aan te passen uw galerie u de volgende opties:. <Script> jQuery () ready (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefix:. "VSG", // css class prefix showHoverBars: true, // of u linksboven hover menu rotateVertical tonen: true, // of de verticale rotaties rotateHorizontal gebruiken: true, // of de horizontale rotaties rotateThumbnails gebruiken: true, // of naar de verkleinde rotatie gebruiken optionsSliderHorizontal : {} // Flow slider opties voor de horizontale schuif optionsSliderVertical: {} // Flow slider opties voor de verticale schuifregelaars optionsSliderThumbnail: {} // Flow slider opties voor de verkleinde sliders});}); </ Script>

Om beter te begrijpen de optie Flow Slider u aangemoedigd om de website te bezoeken. Bijvoorbeeld, om de horizontale schuifbalk te maken om zijn positie te veranderen zonder een animatie, maar direct, stel gewoon optionsSliderHorizontal: {animation: "Geen"}

Customize Your Gallery Verticaal Fotogalerij wordt geleverd met vijf ontwerpthema's geïnstalleerd. Je maakt gewoon een element over de slider met een van de huid klassen:.vsg-Threadless,.vsg-closeup,.vsg-grass of.vsg-combo. Maar hey, als je niet je ontwerp vinden is het nog steeds gemakkelijk om uw eigen look te creëren. Alleen de kleuren aan te passen in een van de CSS-huid-bestanden.

Verander de grootte van uw Slider U kunt rekken Vertical Sidebar Gallery aan een breedte die u wenst. Vijf breedte opties zijn geïnstalleerd voor u:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Of maak uw eigen grootte door het aanpassen van een van de grootte van CSS-bestanden.

Multi Thumbnails Voeg meer dan één afbeelding van een miniatuur en een oneindige afbeelding rotator zal worden gemaakt om door middel van die beelden te scrollen.

3-in-1 Slider Drie sliders macht deze template: horizontaal paneel slider, verticale thumbnail slider, en horizontale beeld rotator.

Top Navigatie Slide top panelen door te klikken op de top navigatieknoppen of zweven top-linkernavigatie legende.

Mouse Wheel Plaats uw cursor over de schuifregelaar naar boven inhoud paneel scrollen met de muis scroll wiel.

Hash Controller Navigeer door galerijen met de browser van URL hash. Bijvoorbeeld, voeg # 3 toe aan de URL van deze pagina en vernieuwen.

Browser ondersteuning Vertical Image Gallery ondersteunt alle belangrijke browsers, zoals Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Ondersteunt CSS3 overgang eigendom. Maak een slider met hardware versnelde CSS3 overgangen.

Flow Slider Dit sjabloon wordt aangedreven door Flow Slider gratis jQuery plugin, die endlesly aanpasbaar en zorgt voor vlekkeloze schuiven.

Aanpasbare Plugin Pas alle eigenschappen van de galerie door het veranderen optie wanneer u dit jQuery plugin.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
23 maart 12

Laatste update:
23 maart 12

compatibele Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
Anders, jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, carrousel, galerij, beeld, interface, javascript js, jQuery, muisbeweging, beeld, inpluggen, Preview, rotator, schuif, thumbnail, ui, verticaal