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

Full Width Slider 2

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

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

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


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

पूरी चौड़ाई स्लाइडर 2 पूर्ण स्क्रीन चौड़ाई के लिए अनुकूलित jQuery छवि स्लाइडर का उपयोग करने के लिए आसान है।

विशेषताएं

- JQuery संचालित।
- प्रभावी डिजाइन।
- एडजस्टेबल संक्रमण गति।
- हॉवर पर ठहराव के साथ ऑटो स्लाइड शो।
- सभी प्रमुख ब्राउज़रों (IE8 और ऊपर, क्रोम, फायरफॉक्स, सफारी और ओपेरा) के साथ संगत
- प्रत्येक स्लाइड के लिए शीर्षक, विवरण और लिंक बटन जोड़ सकते हैं।

नए तरीके:

addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

नए विकल्प:

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

सभी सेटिंग्स के साथ उदाहरण:

 <Script type = "text / javascript"> $ (Document).ready (समारोह () { // नया स्लाइडर उदाहरण बनाएं वर my_slider = $ ('। उदाहरण') fws2 ()। // सेट स्लाइडर सेटिंग्स (वैकल्पिक) आप पूरी तरह से इस ब्लॉक अनदेखा कर सकते हैं my_slider.settings ({ सीएस: 0, // वर्तमान स्लाइड; 0 - पहला, एक - दूसरे आदि... अवधि: 750, // स्लाइड की अवधि; मिसे hoverpause: 1, मंडराना पर विराम दें //; 1 - हाँ, 0 - नहीं थामने: 6000, से पहले अगली स्लाइड पर जाना रोकें //; मिसे तीरों: 1, // प्रदर्शन तीर; 1 - हाँ, 0 - नहीं गोलियों: 0, // प्रदर्शन गोलियों; 1 - हाँ, 0 - नहीं expandDuration: 750, // प्रदर्शन तीर; 1 - हाँ, 0 - नहीं linktext: // बटन पाठ (ग्लोबल सेटिंग) 'और पढ़ें' // उन्नत विकल्प titleHTML: '<h4>% शीर्षक% </ h4>', // शीर्षक के लिए कस्टम HTML descriptionHTML: '<p>% अवरोही% </ p>' विवरण के लिए, // कस्टम HTML linkHTML: '<a href="%link%">% linktext% </a>', // कस्टम HTML के लिए लिंक बटन beforeInit: समारोह () {}, // समारोह स्लाइडर Init पहले चलाने के लिए afterInit: समारोह () {}, // समारोह स्लाइडर Init के बाद चलाने के लिए slideStart: समारोह (स्लाइड) {}, // स्लाइड शुरू करने पर चलाने के लिए समारोह, स्लाइड वस्तु देता है slideEnd: समारोह (स्लाइड) {} स्लाइड अंत पर चलाने के लिए // समारोह, स्लाइड वस्तु देता है }); // जोड़ना स्लाइड my_slider.addSlide ({ छवि: 'आइएमजी / slide_1.jpg', // छवि स्रोत शीर्षक: 'स्लाइड 1', // शीर्षक विवरण: 'विवरण', // स्लाइड विवरण linktext: '', // बटन पाठ (वैकल्पिक, अन्यथा वैश्विक सेटिंग्स का उपयोग करेगा) लिंक: 'http: // वेबसाइट' // अधिक यूआरएल लिंक पढ़ें }); स्लाइडर शुरू // my_slider.start (); }); </ Script> 

श्रृंखलन का उपयोग कर चर के बिना छोटा उदाहरण:

 <Script type = "text / javascript"> $ (Document).ready (समारोह () { $ ('। Example1') .fws2 ({गोलियों: 1, तीर: 0}) .addSlide ({image: 'आइएमजी / slide_1.jpg', शीर्षक: 'स्लाइड 1', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .addSlide ({image: 'आइएमजी / slide_2.jpg', शीर्षक: 'स्लाइड 2', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .addSlide ({image: 'आइएमजी / slide_3.jpg', शीर्षक: 'स्लाइड 3', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .start (); }); </ Script> 

उदाहरण कॉलबैक समारोह का उपयोग

 <Script type = "text / javascript"> $ (Document).ready (समारोह () { वर example_slider = $ ('। example2') fws2 ()। example_slider.settings ({ afterInit: समारोह () { चेतावनी ('स्लाइडर तैयार!'); } slideEnd: समारोह (स्लाइड) { वर शीर्षक = slide.find ("शीर्षक।") पाठ ()। चेतावनी (+ शीर्षक 'यह है'); } }); example_slider.addSlide ({image: 'आइएमजी / slide_1.jpg', शीर्षक: 'स्लाइड 1', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}); example_slider.addSlide ({image: 'आइएमजी / slide_2.jpg', शीर्षक: 'स्लाइड 2', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}); example_slider.addSlide ({image: 'आइएमजी / slide_3.jpg', शीर्षक: 'स्लाइड 3', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}); example_slider.start (); }); </ Script> 

उदाहरण के HTML अनुरूपण

 <Script type = "text / javascript"> $ (Document).ready (समारोह () { वर example_slider = $ ('। Example4') fws2 ()। example_slider.settings ({ titleHTML: '<h1> <a href="%link%">% शीर्षक% </a> </ एच 1>', descriptionHTML: '<p> <मैं वर्ग = "एफए एफए जाँच" /> <span>% अवरोही% </ span> </ p>', linktext: 'अधिक पढ़ें', linkHTML: '<a href="%link%">% linktext%% शीर्षक% </a> के बारे में' }); example_slider .addSlide ({image: 'आइएमजी / slide_1.jpg', शीर्षक: 'स्लाइड 1', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .addSlide ({image: 'आइएमजी / slide_2.jpg', शीर्षक: 'स्लाइड 2', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .addSlide ({image: 'आइएमजी / slide_3.jpg', शीर्षक: 'स्लाइड 3', विवरण: 'विवरण', लिंक: 'http: // वेबसाइट'}) .start (); }); </ Script> 

अद्यतन रहना!

पर हमें का पालन करें फेसबुक या ट्विटर और आइटम अद्यतन और आगामी प्लगइन्स और लिपियों के बारे में ताजा खबर मिली!

तुम भी पर हमें का पालन कर सकते इंस्टाग्राम हमारे प्लगइन्स और स्क्रिप्ट स्थापित करने के बारे में वीडियो ट्यूटोरियल के साथ यूट्यूब पर जल्द ही और!

चैंज

8 दिसंबर 2015

- जावास्क्रिप्ट कोड पुनः किया गया है।
- Imagesloaded.js स्क्रिप्ट अब वैकल्पिक है।
- एचटीएमएल हटा दिया गया है। अब यह पूरी तरह से जावास्क्रिप्ट से निर्माण किया गया है।
- यह अब प्रयोग किया जाता है के रूप में गूगल फ़ॉन्ट लिंक सिर से निकाल दिया जाता है।
- स्लाइडर अब) ($ (चयनकर्ता) का उपयोग करके.fws2 प्रारंभ किया है;

- नए तरीके:

 addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

- नए विकल्प:

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

10 अप्रैल 2014

- स्लाइडर अब पेज पर कई उदाहरणों का समर्थन करता है।
- गोलियों नेविगेशन जोड़ा गया।
- तीर / बुलेट नेविगेशन अब / बंद पर दिया जा सकता है।
- Mouseover पर autoslide रोक निष्क्रिय करने का विकल्प जोड़ा गया।
- स्लाइडर अब फ़ॉन्ट भयानक बजाय नेविगेशन तीर और गोलियों के लिए छवियों का उपयोग करता है।
- गयी कीबोर्ड / सही तीर नेविगेशन छोड़ दिया है।


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

गुण

बनाया गया:
16 नवम्बर 12

आखिरी अपडेट:
8 दिसम्बर 15

उच्च संकल्प:
हाँ

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

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

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

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, पूर्ण, जावास्क्रिप्ट, jQuery, जेएस, उत्तरदायी, स्लाइडर, स्लाइड शो, चौड़ाई