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

— जोड़ें पर WorldWideScripts.net को

तारीख तक रहने के लिए हमारे फ़ीड की सदस्यता लें!

नई! आप यह चाहते हैं के रूप में हमें का पालन करें!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

कार्यक्षेत्र साइडबार गैलरी एक प्लगइन और विषय टेम्पलेट्स है कि तीन डिग्री रोटेशन के साथ एक आश्चर्यजनक खड़ी छवि स्लाइडर बना है। कार्यक्षेत्र साइडबार गैलरी अपनी वेबसाइट के साइडबार के लिए एक आदर्श साथी है। आप एक छवि गैलरी या विशेष रुप से पद scroller के रूप में उपयोग कर सकते हैं। सीमित स्थान में सामग्री की असीमित मात्रा में रखो! तुम सिर्फ अपनी सामग्री के एचटीएमएल उत्पन्न करने की जरूरत है और गैलरी आराम करेंगे। यह ट्रेंडी, सहज है, और किसी भी वेबसाइट के उपयोगकर्ता अनुभव में वृद्धि होगी।

कैसे प्लगइन का उपयोग करने के लिए? मूल रूप से आप basic.html फ़ाइल के साथ शुरू कर सकते हैं। 1. कॉपी basic.html फ़ाइल से एचटीएमएल (बीच... टैग कोड)। <लिंक रिलायंस एनर्जी = "stylesheet" href = "सीएसएस / style.css" type = "text / सीएसएस" /> 3. necessare जावास्क्रिप्ट फाइलों को शामिल करें: <script src = "जे एस / jQuery 2. गैलरी शैली के लिए शैली पत्रक शामिल करें -1.7.1.min.js "> </ script> <script src =" जे एस / jQuery-माउसव्हील-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" जे एस / flowslider.jquery.js "> </ script> <script src =" जे एस / vsg.flowslider.jquery.js "> </ script> 4. प्रारंभ प्लगइन को फोन करके गैलरी का उपयोग:। <script> jQuery () तैयार ( समारोह ($) {$ ( "VSG-लपेटो।") VerticalSidebarGallery ();।}); </ Script>

अनुकूलित करने के लिए अपने गैलरी निम्नलिखित विकल्पों का उपयोग करें:। <script> jQuery () तैयार (समारोह ($) {$ ( "VSG-लपेटो।") VerticalSidebarGallery ({उपसर्ग:। "VSG", // सीएसएस वर्ग उपसर्ग showHoverBars: सच, चाहे // शीर्ष बाएँ मेनू मंडराना rotateVertical दिखाने के लिए: यह सच है, चाहे // खड़ी घुमाव rotateHorizontal उपयोग करने के लिए, यह सच है कि क्या // क्षैतिज घुमाव rotateThumbnails उपयोग करने के लिए, यह सच है कि क्या // थम्बनेल रोटेशन का उपयोग करने के लिए optionsSliderHorizontal : {}, क्षैतिज स्लाइडर optionsSliderVertical के लिए // प्रवाह स्लाइडर विकल्प: {}, // खड़ी स्लाइडर्स optionsSliderThumbnail के लिए प्रवाह स्लाइडर विकल्प: {} // प्रवाह स्लाइडर थम्बनेल स्लाइडर्स के लिए विकल्प});}); </ Script>

बेहतर प्रवाह स्लाइडर का विकल्प समझने के लिए आप अपनी वेबसाइट देखने के लिए प्रोत्साहित किया जाता है। उदाहरण के लिए, एक एनीमेशन के बिना अपनी स्थिति को बदलने के लिए क्षैतिज स्लाइडर बनाने के लिए है, लेकिन तुरन्त, बस optionsSliderHorizontal सेट: {एनीमेशन: "कोई नहीं"}

अनुकूलित आपका कार्यक्षेत्र गैलरी छवि गैलरी स्थापित पांच डिजाइन विषयों के साथ आता है। .vsg-Threadless,.vsg-क्लोज अप,.vsg घास, या.vsg-कॉम्बो: बस त्वचा वर्गों में से एक के साथ स्लाइडर पर एक तत्व पैदा करते हैं। लेकिन हे, अगर आप अपने डिजाइन नहीं मिल रहा है यह अभी भी अपने खुद के देखो बनाने के लिए आसान है। बस सीएसएस त्वचा फ़ाइलों में से एक में रंग को संशोधित।

अपने स्लाइडर के आकार आप किसी भी चौड़ाई में आप चाहते करने के लिए कार्यक्षेत्र साइडबार गैलरी फैल सकता बदलें। पांच चौड़ाई विकल्प आप के लिए स्थापित कर रहे हैं:.vsg-180,.vsg-200,.vsg-250,.vsg-300। या आकार सीएसएस फ़ाइलों में से एक अनुरूपण के द्वारा अपने खुद के आकार बनाने के लिए।

मल्टी थंबनेल्स थंबनेल करने के लिए एक से अधिक छवि जोड़ें और एक अनंत की छवि रोटेटर उन चित्रों के माध्यम से स्क्रॉल करने के लिए बनाया जाएगा।

3-in-1 स्लाइडर तीन स्लाइडर्स शक्ति इस टेम्पलेट: क्षैतिज पैनल स्लाइडर, खड़ी थंबनेल स्लाइडर, और क्षैतिज छवि रोटेटर।

शीर्ष नेविगेशन शीर्ष नेविगेशन बटन क्लिक करने या शीर्ष बाएँ नेविगेशन किंवदंती मँडरा द्वारा शीर्ष पैनल स्लाइड।

माउस व्हील स्लाइडर पर अपना कर्सर रखें माउस स्क्रॉल व्हील का उपयोग कर शीर्ष पैनल सामग्री स्क्रॉल करने के लिए।

ब्राउज़र का यूआरएल हैश के साथ दीर्घाओं के माध्यम से नेविगेट नियंत्रक हैश। उदाहरण के लिए, इस पृष्ठ के यूआरएल के लिए # 3 जोड़ सकते हैं और यह ताज़ा।

फ़ायरफ़ॉक्स, इंटरनेट एक्सप्लोरर, क्रोम, सफारी, ओपेरा: ब्राउज़र समर्थन कार्यक्षेत्र छवि गैलरी की तरह, सभी प्रमुख ब्राउज़रों का समर्थन करता है। CSS3 के संक्रमण

CSS3 के संक्रमण संपत्ति का समर्थन करता है। हार्डवेयर त्वरित CSS3 बदलाव के साथ एक स्लाइडर बनाएँ।

प्रवाह स्लाइडर इस टेम्पलेट प्रवाह स्लाइडर मुक्त प्लगइन है, जो endlesly अनुकूलन है और फिसलने निर्दोष सुनिश्चित करता है के द्वारा संचालित है।

अनुकूलन प्लगइन विकल्प बदलते जब इस प्लगइन का उपयोग करके गैलरी की सभी सुविधाओं को अनुकूलित करें।


डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

बनाया गया:
23 मार्च 12

आखिरी अपडेट:
23 मार्च 12

संगत ब्राउज़र:
IE6, IE7, IE8, IE9, फायरफॉक्स, सफारी, ओपेरा, क्रोम

फ़ाइलें:
जावास्क्रिप्ट जे एस, एचटीएमएल, सीएसएस

सॉफ्टवेयर संस्करण:
अन्य, jQuery

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, हिंडोला, गेलरी, की छवि, इंटरफेस, जावास्क्रिप्ट जे एस, jQuery, माउस चाल, चित्र, लगाना, पूर्वावलोकन, अंग को घुमानेवाली पेशी, स्लाइडर, थम्बनेल, यूआई, खड़ा