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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertikal Sidebar Gallery är en jQuery plugin och tema mallar som skapar en fantastisk vertikal bild reglaget med tre rotationsgrader. Vertikal Sidebar Gallery är det perfekta komplementet till din webbplats sidofältet. Du kan använda den som ett bildgalleri eller Populärt inlägg scroller. Sätt obegränsat mängd innehåll i begränsat utrymme! Du behöver bara för att generera HTML av ditt innehåll och galleriet kommer att göra resten. Det är trendigt, intuitiv, och kommer att öka en webbplats användarupplevelse.

Hur man använder plugin? I princip kan du börja med basic.html filen. 1. Kopiera HTML från basic.html fil (koden mellan... taggar). 2. Inkludera format att styla galleriet: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Inkludera necessare JavaScript-filer: <script src = "js / jQuery -1.7.1.min.js "> </ script> <script src =" js / jquery-mushjulet-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Börja använda galleriet genom att ringa jQuery plugin. <script> jQuery () redo ( funktion ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

För att anpassa ditt galleri använda följande alternativ:. <Script> jQuery () redo (funktion $ () {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefix. "VSG", // css klass prefix showHoverBars: true, // om du vill visa övre vänstra hover menyn rotateVertical: true, // om du vill använda de vertikala rotationer rotateHorizontal: true, // om du vill använda de horisontella rotationer rotateThumbnails: true, // om du vill använda miniatyr rotation optionsSliderHorizontal : {} // Flow Slider alternativ för horisontell glid optionsSliderVertical: {} // Flow Slider alternativ för den vertikala reglagen optionsSliderThumbnail: {} // Flow Slider alternativ för miniatyr reglagen});}); </ Script>

För att bättre förstå Flow Slider options du uppmanas att besöka sin webbplats. Till exempel för att göra horisontella reglaget för att ändra sin ståndpunkt utan en animering, men direkt, bara ställa optionsSliderHorizontal: {animation: "Ingen"}

Anpassa ditt galleri Vertikal Bildgalleri levereras med fem designteman installerade. Bara skapa ett element över reglaget med en av huden klasser:.vsg-threadless,.vsg-Närbild,.vsg-gräs eller.vsg-combo. Men hey, om du inte hittar din design är det fortfarande lätt att skapa din egen look. Bara ändra färgerna i en av filerna CSS huden.

Ändra storlek på din Slider Du kan sträcka Vertical Sidebar Gallery till någon bredd du önskar. Fem bredd alternativ installeras för dig:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Eller skapa din egen storlek genom att anpassa en av storleks CSS-filer.

Multi miniatyrer Lägg till mer än en bild på en miniatyr och en oändlig bild rotator kommer att skapas för att bläddra igenom dessa bilder.

3-i-1 Slider Tre skjutreglage kraft denna mall: reglaget liggande panel, reglaget vertikal miniatyr, och horisontell bild rotator.

Toppnavigeringen Skjut topppaneler genom att klicka på bästa navigeringsknapparna eller svävande övre vänstra navigerings legend.

Mouse Wheel Placera markören över reglaget för att rulla övre panelen innehåll med hjälp av musens hjul.

Hash Controller Navigera genom gallerier med webbläsarens URL hash. Till exempel lägga # 3 till webbadressen till den här sidan och uppdatera den.

Browser Support Vertikal Bildgalleri stödjer alla större webbläsare, som Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Stöder CSS3 övergångs egendom. Skapa ett reglage med hårdvaruaccelererad CSS3 övergångar.

Flow Slider Mallen drivs av Flow Slider gratis jQuery plugin, som är endlesly anpassningsbar och säkerställer felfri glidande.

Anpassnings Plugin Anpassa alla funktioner i galleriet genom att ändra alternativet när du använder jQuery plugin.


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
23 mars 12

Senaste uppdateringen:
23 mars 12

kompatibla Webbläsare:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer ingår:
JavaScript JS, HTML, CSS

Mjukvaru-version:
Andra, jQuery

Nyckelord

e-handel, e-handel, Alla objekt, karusell, galleri, bild, grä, nssnitt, javascript js, jquery, mus flytta, bild, plugin, fö, rhandsvisning, rotator, reglaget, thumbnail, ui, vertikal