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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Lodret Sidebar Gallery er en jQuery plugin og tema skabeloner, der skaber et fantastisk vertikalt billede skyder med tre rotation grader. Lodret Sidebar Gallery er en perfekt ledsager til din hjemmeside sidebjælke. Du kan bruge det som et billede galleri eller featured indlæg scroller. Put ubegrænset mængde indhold i begrænset plads! Du skal blot generere HTML af dit indhold og galleriet vil gøre resten. Det er trendy, intuitiv, og vil øge enhver hjemmesides brugeroplevelse.

Sådan bruger plugin? Dybest set kan du starte med basic.html fil. 1. Kopiér HTML fra basic.html fil (koden mellem... tags). 2. Medtag stylesheet at style galleri: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Medtag necessare JavaScript-filer: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-musehjulet-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Start hjælp galleriet ved at ringe jQuery plugin:. <script> jQuery () klar ( funktion ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

For at tilpasse dit galleri bruge følgende funktioner:. <Script> jQuery () klar (funktion ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({præfiks:. "VSG", // css klasse præfiks showHoverBars: true, //, om at vise øverste venstre hover menu rotateVertical: true, // om du vil bruge de de lodrette rotationer rotateHorizontal: sande, // om du vil bruge de vandrette rotationer rotateThumbnails: sande, // om du vil bruge thumbnail rotation optionsSliderHorizontal : {}, // Flow slider muligheder for den horisontale skyder optionsSliderVertical: {}, // Flow slider muligheder for den lodrette skydere optionsSliderThumbnail: {} // Flow slider muligheder for miniaturebilleder skydere});}); </ Script>

For bedre at forstå Flow Slider option opfordres du til at besøge sin hjemmeside. For eksempel, for at gøre vandret skyderen for at ændre sin position uden en animation, men med det samme, bare sæt optionsSliderHorizontal: {animation: "Ingen"}

Tilpas din Galleri Lodret Billedgalleri leveres med fem design temaer installeret. Bare oprette et element over skyderen med en af ​​huden klasser:.vsg-gevind,.vsg-closeup,.vsg-græs, eller.vsg-combo. Men hey, hvis du ikke kan finde dit design er det stadig let at skabe dit eget look. Bare ændre farverne i et af CSS hud filer.

Ændre størrelsen på Slider Du kan strække Vertical Sidebar Gallery til enhver bredde, du ønsker. Fem bredde er installeret for dig:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Eller opret din egen størrelse ved at tilpasse en af ​​de størrelse CSS filer.

Multi Miniaturer Tilføj mere end et billede til en miniature og en uendelig billede rotator vil blive oprettet til at rulle gennem disse billeder.

3-i-1 Slider Tre skydere magt denne skabelon: skyderen panel vandret, skyderen lodret miniature, og vandret billede rotator.

Top Navigation Slide toppaneler ved at klikke top navigationsknapperne eller svævende øverst til venstre navigation legende.

Mouse Wheel Placer markøren over skyderen for at rulle toppanelet indhold ved hjælp af musens rullehjul.

Hash Controller Naviger gennem gallerier med browserens URL hash. For eksempel, tilføje # 3 til webadressen på denne side og opdatere den.

Browser Support Lodret Billedgalleri understøtter alle større browsere, som: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Overgange

Understøtter CSS3 overgang ejendom. Opret en skyder med hardware-accelereret CSS3 overgange.

Flow Slider Denne skabelon er drevet af Flow Slider Gratis jQuery plugin, som er endlesly tilpasses og sikrer fejlfri glidende.

Tilpasses Plugin Tilpas alle funktionerne i galleriet ved at ændre indstilling, når du bruger denne jQuery plugin.


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
23 marts 12

Sidste ændring:
23 marts 12

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

Filer Inkluderet:
JavaScript JS, HTML, CSS

Software Version:
Andre, jQuery

Søgeord

eCommerce, eCommerce, Alle artikler, karrusel, galleri, billede, græ, nseflade, javascript js, jquery, musen flytte, billede, plugin, forhå, ndsvisning, rotator, skyderen, thumbnail, ui, lodret