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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Sidebar Gallery ay isang jQuery plugin at tema template na lumikha ng isang kaakit-akit vertical slider ng imahe na may tatlong pag-ikot degrees. Vertical Sidebar Gallery ay isang perpektong kasamahan para sa sidebar ng iyong website. Maaari mong gamitin ito bilang isang imahe gallery o mga itinatampok na post scroller. Ilagay walang limitasyong dami ng nilalaman sa limitadong espasyo! Ikaw lamang ang kailangan upang bumuo ng HTML ng iyong nilalaman at ang gallery ay gawin ang natitira. Ito ay naka-istilong, madaling maunawaan, at magpapahusay karanasan ng gumagamit sa anumang website.

Paano gamitin ang plugin? Talaga maaari kang magsimula sa ang basic.html file. 1. Kopyahin ang HTML mula basic.html file (ang code sa pagitan ng... tags). 2. Isama stylesheet sa estilo ng gallery: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Isama ang necessare JavaScript file: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Simulan gamit ang gallery sa pamamagitan ng pagtawag jQuery plugin:. <script> jQuery () handa ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Upang i-customize sa iyong gallery gamitin ang mga sumusunod na pagpipilian:. <Script> jQuery () handa (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefix:. "VSG", // css class prefix showHoverBars: true, // kung ipapakita tuktok na kaliwang hover menu rotateVertical: true, // kung gagamitin ang mga vertical rotations rotateHorizontal: true, // kung gagamitin ang mga horizontal rotations rotateThumbnails: true, // kung upang gamitin ang pag-ikot thumbnail optionsSliderHorizontal : {}, // Flow slider pagpipilian para sa horizontal slider optionsSliderVertical: {}, // Flow slider opsyon para sa mga vertical slider optionsSliderThumbnail: {} // Flow slider pagpipilian para sa thumbnail slider});}); </ Script>

Upang mas mahusay na maunawaan option ang Flow Slider ni ikaw ay hinihikayat na bisitahin ang kanyang website. Halimbawa, upang gumawa ng pahalang na slider upang baguhin ang posisyon nito na walang animation, ngunit agad, i-set optionsSliderHorizontal: {animation: "Wala"}

Customize Your Gallery Vertical gallery Image ay may limang tema disenyo na naka-install. Lumikha lamang ng isang elemento sa ibabaw ng slider na may isa sa mga klase ng balat:.vsg-Threadless,.vsg-closeup,.vsg-damo, o.vsg-combo. Ngunit hey, kung hindi mo mahanap ang iyong disenyo ito ay pa rin madaling lumikha ng iyong sariling hitsura. Lamang baguhin ang mga kulay sa isa sa mga file CSS balat.

Baguhin ang Laki ng iyong Slider Maaari mong mabatak Vertical Sidebar Gallery sa anumang lapad nais mo. Five lapad pagpipilian ay naka-install para sa iyo:.vsg-180,.vsg-200,.vsg-250,.vsg-300. O lumikha ng iyong sariling mga laki sa pamamagitan ng pagpapasadya ang isa sa mga laki ng mga file CSS.

Multi Thumbnails Idagdag higit sa isang imahe sa isang thumbnail at isang walang-katapusang image pampainog ay nilikha upang mag-scroll sa pamamagitan ng mga imahe.

3-in-1 Slider Tatlong slider kapangyarihang ito template: horizontal panel slider, vertical thumbnail slider, at pahalang imahe pampainog.

Top Navigation Slide top panel kung iki-click top pindutan nabigasyon o pagpasada top-kaliwa navigation alamat.

Mouse Wheel Ilagay ang iyong cursor sa ibabaw ng slider upang mag-scroll tuktok na panel ng nilalaman gamit ang mouse scroll wheel.

Hash Controller Navigate pamamagitan ng mga gallery na may URL hash ni browser. Halimbawa, magdagdag ng # 3 sa URL ng pahinang ito at i-refresh ito.

Browser Support Vertical Image Gallery sumusuporta sa lahat ng mga pangunahing mga browser, tulad ng: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Mga Paglilipat

Sinusuportahan CSS3 transition ari-arian. Gumawa ng isang slider na may hardware pinabilis CSS3 transition.

template Flow Slider ito ay pinalakas ng Flow Slider Free jQuery plugin, na kung saan ay endlesly napapasadyang at tinitiyak walang kamali-mali pag-slide.

Nako-customize na Plugin I-customize ang lahat ng mga tampok ng gallery sa pamamagitan ng pagbabago opsyon kapag ginagamit ang jQuery plugin.


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
23 March 12

huling update:
23 March 12

Mga katugmang Mga Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

file Kasamang:
JavaScript JS, HTML, CSS

Bersyon ng Software:
Iba, jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, carousel, gallery, larawan, interface, javascript js, jquery, mouse ilipat, larawan, isaksak, preview, pampainog, slider, thumbnail, ui, patayo