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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertikal Sidebar Gallery er en jQuery plugin og temamaler som skaper en fantastisk vertikale bildeskyveknapp med tre rotasjons grader. Vertikal Sidebar Gallery er en perfekt følgesvenn for din nettside sidefeltet. Du kan bruke det som et bildegalleri eller omtalt post scroller. Sett ubegrenset mengde innhold i begrenset plass! Du trenger bare å generere HTML-innhold og galleriet vil gjøre resten. Det er trendy, intuitiv, og vil forsterke ethvert nettstedets brukeropplevelse.

Hvordan bruke plugin? I utgangspunktet kan du starte med basic.html filen. 1. Kopier HTML fra basic.html fil (koden mellom... tags). 2. Ta med stilark til å style galleriet: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Ta med Javascript-filer necessare: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-musehjul-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" JS / vsg.flowslider.jquery.js "> </ script> 4. Begynn å bruke galleriet ved å ringe jQuery plugin. <script> jQuery () klar ( funksjonen ($) {$ ( "VSG-wrap".) VerticalSidebarGallery ();.}); </ Script>

For å tilpasse galleriet bruke følgende alternativer:. <Script> jQuery () klar (funksjon ($) {$ ( "VSG-wrap".) VerticalSidebarGallery ({prefiks. "VSG", // CSS-klasse prefiks showHoverBars: true, // om du vil vise øverste venstre hover menyen rotateVertical: true, // om du vil bruke de vertikale rotasjoner rotateHorizontal: true, // om du vil bruke de horisontale rotasjoner rotateThumbnails: true, // om du vil bruke miniatyr rotasjon optionsSliderHorizontal : {} // Flow slider alternativer for den horisontale glidebryteren optionsSliderVertical: {} // Flow slider alternativer for vertikal glidere optionsSliderThumbnail: {} // Flow slider alternativer for miniatyr glidere});}); </ Script>

For bedre å forstå Flow Slider er alternativet du oppfordres til å besøke sin hjemmeside. For eksempel, for å gjøre horisontal glidebryteren for å endre sin posisjon uten en animasjon, men umiddelbart, bare sette optionsSliderHorizontal: {animasjon: "Ingen"}

Tilpass Gallery Vertikal Bildegalleri leveres med fem designtemaer installert. Bare lage et element over skyveknapp med en av huden klasser:.vsg-gjenge,.vsg-closeup,.vsg-gress, eller.vsg-combo. Men hei, hvis du ikke finner din design er det likevel lett å lage ditt eget utseende. Bare endre fargene i et av CSS hud filer.

Endre størrelsen på Slider Du kan strekke Vertical Sidebar Gallery til noen bredde du ønsker. Fem bredde, er installert for deg:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Eller du kan lage din egen størrelse ved å tilpasse en av størrelse CSS-filer.

Multi Thumbnails Legg til mer enn ett bilde til et miniatyrbilde og en uendelig bilde rotator vil bli opprettet for å bla gjennom disse bildene.

3-i-1 Slider Tre glidere kraft denne malen: horisontalt panel glidebryteren, vertikal thumbnail glidebryteren, og horisontal image rotator.

Top Navigation Skyv toppfeltene ved å klikke på øverste navigasjonsknappene eller svever øverste venstre navigasjons legende.

Mouse Wheel Plasser markøren over glidebryteren for å bla toppanelet innhold ved hjelp av rullehjulet på musen.

Hash Controller Naviger gjennom gallerier med leserens URL hasj. For eksempel legge # 3 til nettadressen til denne siden og oppdatere den.

Nettleserstøtte Vertical Bildegalleri støtter alle de store nettleserne, som: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Støtter CSS3 overgang eiendom. Lag en skyveknapp med maskinvareakselerert CSS3 overganger.

Flow Slider Denne malen er drevet av Flow Slider Gratis jQuery plugin, som er endlesly tilpasses og sikrer feilfri skli.

Passelig Plugin Tilpass alle funksjonene i galleriet ved å endre alternativet når du bruker denne jQuery plugin.


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
23 mars 12

Siste oppdatering:
23 mars 12

kompatible nettlesere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, HTML, CSS

Programvareversjon:
Andre, jQuery

Søkeord

eCommerce, eCommerce, Alle ting, karusell, galleri, bilde, grensesnitt, javascript js, jquery, mus flytte, bilde, plugg inn, forhå, ndsvisning, rotator, slider, thumbnail, ui, vertikal