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

jQuery Responsive OneByOne Slider Plugin

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

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

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


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

OneByOne स्लाइडर आप एक एक करके अपनी छवि और पाठ एक प्रदर्शित करने के लिए उपयोग कर सकते हैं एक हल्के से संवेदनशील और बहुस्तरीय jQuery प्लगइन है। CSS3 एनीमेशन द्वारा संचालित है Animate.css । आईटीए € ™ सही iPhone और iPad की तरह अपने टच डिवाइस पर छोड़ दिया / पोंछ का समर्थन है, जो मोबाइल के अनुकूल। तुम खींचें और भी अपने माउस के साथ नेविगेट करने के लिए छोड़ सकते हैं। नवीनतम अद्यतन बनाने के लिए जो एक अतिरिक्त उदाहरण के लिए, जोड़ने ट्विटर बूटस्ट्रैप हिंडोला एक एनीमेशन द्वारा एक समर्थन करते हैं।

अनुसरण आरएसएस

अब आईटीए ™ वर्डप्रेस में उपलब्ध है € (नीचे छवि पर क्लिक करें)

प्लगइन

बदलें लॉग (इससे पहले कि आप इसे खरीद करता है, तो यह फिर से डाउनलोड करें)

(अपडेट 15 मई 2013)
  • JQuery के 1.9.1 के लिए अद्यतन, और CSS3 संक्रमण समर्थन का पता लगाने के Modernizr का उपयोग करें। JQuery के 1.9.1 के साथ इसका इस्तेमाल करना चाहते हैं तो आप स्रोत पैकेज को फिर से डाउनलोड कर सकते हैं।
(14 नवंबर, 2012 को अद्यतन)
  • बूटस्ट्रैप हिंडोला के साथ एकीकृत। अब आप अपने पसंदीदा ढांचे पर इसका इस्तेमाल कर सकते हैं।
  • तीरों हमेशा दिखाई बनाने के लिए गलत पर सेट autoHideButton विकल्प, जोड़ें।
  • मदद प्रलेखन अद्यतन करें।
(अपडेट 14 सितंबर 2012)
  • उत्तरदायी उदाहरण जोड़ें।
  • € ™ टी CSS3 के संक्रमण का समर्थन नहीं करता है जो IE9- में फीका संक्रमण, जोड़ें।
  • अब आप slideâ € ™ के एनीमेशन में भी प्रत्येक तत्व, € ™ के एनीमेशन slideâ प्रत्येक को अनुकूलित कर सकते हैं।
  • स्लाइड शो के विकल्प को थामने के लिए मंडराना जोड़ें।
  • € ~lightSpeedInâ € ™ एनीमेशन एक, € ~flipInYâ € ™ एक, € ~flipInXâ € ™ एक, € ~fadeInDownBigâ € ™ एक, € ~fadeInUpBigâ € ™ एक, € ~fadeInRightBigâ € ™ एक, € ~fadeInLeftBigâ € ™ एक जोड़ा ।
  • कीड़े फिक्स: टी ™ € नहीं कर सकते लिंक IOS में क्लिक किया जा सकता है।
  • JQuery के 1.8.1 के लिए अद्यतन करें।

विस्तारित लाइसेंस खरीदने?

आप यह अपने itemâ € ™ के वर्णन में € ™ के लिंक itemâ रख सकते हैं, तो मैं सराहना करते हैं। अपने विषय पर जे एस फ़ाइल का केवल minified संस्करण प्रदान करते हैं, और एक विस्तारित लाइसेंस केवल एक विषय पर प्रयोग किया जा सकता है।

विशेषताएं:

  • CSS3 के लिए प्रेरित एनीमेशन, समर्थित आधुनिक ब्राउज़र के लिए हार्डवेयर त्वरित CSS3 के संक्रमण।
  • उत्तरदायी समर्थन, उदाहरण के शामिल थे।
  • अनुकूल मोबाइल, यदि आप एक टच डिवाइस में उपयोग कर सकते हैं।
  • आईटीए € ™, संकुचित जावास्क्रिप्ट केवल 4kb हल्के है है €।
  • वैकल्पिक ऑटो देरी स्लाइड शो, वैकल्पिक होव स्लाइड शो को थामने के लिए।
  • प्रत्येक स्लाइड या Elementa € ™ के एनीमेशन अनुकूलित किया जा सकता है।
  • माउस के वैकल्पिक खींचें समारोह।
  • वैकल्पिक एनीमेशन शैली, यादृच्छिक या किसी भी अन्य प्रकार में हो सकता है।
  • वैकल्पिक तीर और बटन।
  • पूछे जाने वाले प्रश्न स्रोत पैकेज में शामिल है।
  • नि: शुल्क अद्यतन, आप मुक्त करने के लिए भविष्य के अद्यतन डाउनलोड कर सकते हैं।

CSS3 के संक्रमण के बारे में

नोट: CSS3 के संक्रमण केवल फ़ायरफ़ॉक्स, सफ़र और क्रोम जैसे आधुनिक ब्राउज़र में काम करता है। कौन सा आईई 7, 8 और 9 में € ™ टी काम नहीं खाता है, यह इसे समर्थन करेंगे आईई 10 लगता है।

JQuery के 1.8.0 उपयोगकर्ता के लिए

यह jQuery 1.8.0 के साथ एक बग है लगता है, असम्पीडित jQuery के संस्करण और टिप्पणी लाइन 4521 से डाउनलोड करें, तो इस प्लगइन ठीक काम करेगा।
 ;: // नई त्रुटि (+ एम एस जी "सिंटेक्स त्रुटि, गैर मान्यता प्राप्त अभिव्यक्ति") फेंक 

उपलब्ध प्लगइन सेटिंग्स

 // आवरण का नाम className: 'OneByOne' // प्रत्येक स्लाइडर का आवरण div के वर्ग के नाम sliderClassName: 'oneByOne_item' ऑटो देरी स्लाइड शो थामने // जब उपयोगकर्ता मंडराना pauseByHover: सच है, // वैश्विक आसानी एनीमेशन शैली, आप तत्व में यह पूर्व निर्धारित नहीं करते हैं तो // प्रभाव ले easeType: 'fadeInLeft' // स्लाइडर की चौड़ाई चौड़ाई: 960, // स्लाइडर की ऊंचाई ऊंचाई: 420, // टच / खींचें बीच की देरी देरी: 300, // टच / खींचें की सहनशीलता सहिष्णुता: 0.25, // सक्षम या माउस से ड्रैग समारोह को निष्क्रिय enableDrag: सच है, // पिछले / अगले तीर प्रदर्शित या नहीं showArrow: सच है, // ऑटो उपयोगकर्ता स्लाइडर छोड़ या नहीं जब तीरों को छिपाने autoHideButton: सच है, // चक्र बटन प्रदर्शित या नहीं showButton: सच है, // ऑटो स्लाइडर खेलते हैं या नहीं स्लाइड शो: झूठे, // Slidershow की देरी मिलीसेकंड slideShowDelay: 3000, // आप बदल देंगे, जब सच करने के लिए उत्तरदायी सेट सीएसएस में पूछे गए सवाल के साथ // स्लाइडर का आकार संवेदनशील: सच // स्लाइडर minWidth से छोटी है, जब // पाठ उत्तरदायी में छिपा हो रहे हैं minWidth: 480 

उपलब्ध easeType

एक € ~bounceInâ € ™ â € ~fadeInRightâ € ™ â € ~fadeInRightâ € ™ â € ~fadeInLeftâ € ™ â € ~fadeInDownâ € ™ â € ~fadeInUpâ € ™ â € ~fadeInâ € ™,,,,,, एक € ~rotateInDownRightâ € ™ â € ~rotateInDownLeftâ € ™ â € ~rotateInâ € ™ â € ~bounceInRightâ € ™ â € ~bounceInLeftâ € ™ â € ~bounceInUpâ € ™ â € ~bounceInDownâ € ™,,,,,,, एक € € ~ â € ~flipInXâ € ™ â € ~fadeInDownBigâ € ™ â € ~fadeInUpBigâ € ™ â € ~fadeInRightBigâ € ™ â € ~fadeInLeftBigâ € ™ â € ~rotateInUpRightâ € ™ एक ~rotateInUpLeftâ € ™,,,,,,, flipInYâ € ™, € ~lightSpeedInâ € ™ एक या â € ~randomâ € ™

श्रेय

Animate.css से है दान ईडन
बूटस्ट्रैप उदाहरण में पृष्ठभूमि छवि से है photos8

आपके लिए सुझाव

एक्सएमएल छवि / वीडियो ग्रिड गैलरी:
ग्रिड गैलरी
AS3 फ्लैश Fotography साँचा:
फोटोग्राफी

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

गुण

बनाया गया:
24 अक्टूबर 11

आखिरी अपडेट:
17 अगस्त 13

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

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

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

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, एनीमेशन, ऑटो देरी, बैनर रोटेटर, CSS3, खींचें, आईओएस, jQuery, मोबाइल, एक एक करके, उत्तरदायी, अंग को घुमानेवाली पेशी, स्लाइडर, स्लाइड शो, स्पर्श, पोंछ