स्थान：घर पृष्ठ > चित्र स्विच
चित्र पृष्ठभूमि परिपत्र नेविगेशन नियंत्रण स्विच जेएस विशेष प्रभाव
HTML5 परिपत्र नेविगेशन पूर्ण स्क्रीन छवि स्विचिंग, jQuery और HTML5 पूर्ण स्क्रीन परिपत्र नेविगेशन छवि विशेष प्रभावों के आधार पर।
jQuery वेब पेज पृष्ठभूमि छवि एनीमेशन स्विचिंग प्लगइन
यह वेब पेज पृष्ठभूमि प्लग-इन हमें एक गतिशील प्रभाव पृष्ठभूमि छवि सेट करने की अनुमति देता है। आपको केवल एक बड़ी छवि या बड़ी छवियों का एक समूह तैयार करने की आवश्यकता है, और bgStretcher स्वचालित रूप से पूरे वेब पेज पर छवि को अनुकूलित करेगा और पृष्ठभूमि छवि को चक्र देगा।
jQuery के चित्र पाठ हिंडोला स्विच प्लगइन
Nivo Slideshow plugin को दुनिया में सबसे लोकप्रिय jQuery स्लाइडर प्लगइन माना जाता है। यह बहुत सुंदर है और उपयोग करने में बहुत आसान है। इसके अलावा, यह पूरी तरह से स्वतंत्र है। Nivo स्लाइडर में 16 सुंदर संक्रमण प्रभाव शामिल हैं जो छवि को एक सुंदर गैलरी प्रदर्शित करते हैं, जिसे स्थापित करने और उपयोग करने के लिए सरल बनाया गया है।
FlexSlider चित्र हिंडोला स्विच jQuery प्लगइन
फ्लेक्सलाइडर एक शक्तिशाली छवि रोटेशन प्लग-इन है। पैरामीटर विवरण एनीमेशन: "स्लाइड", / / स्ट्रिंग: ["फीका" "स्लाइड"], एनीमेशन प्रभाव: "स्विंग", / / स्ट्रिंग: रोलिंग एनीमेशन समय समारोह दिशा: "क्षैतिज", / / स्ट्रिंग: रोलिंग दिशा [" क्षैतिज "" वर्टिकल "] रिवर्स: गलत, / / बूलियन: स्लाइड मोशन की दिशा को फ्लिप करें एनिमेशन: लूप, / / बूलियन: चाहे स्मूथी को लूप करें: असत्य, / / बूलियन: स्वचालित रूप से छवि की ऊंचाई के अनुरूप हो: 0 / / पूर्णांक: स्लाइड जो खेलना शुरू करती है, स्लाइड शो की गिनती: 0 से सच, / / बूलियन: चाहे स्वचालित रूप से स्लाइड शो खेलने के लिए: 5000, / / पूर्णांक: सुश्री स्क्रॉल अंतराल एनिमेशन: 600, / / पूर्णांक: सुश्री एनीमेशन स्क्रॉल गति initdelay: 0, / / पूर्णांक: एमएस यादृच्छिक एनीमेशन के पहले निष्पादन की देरी: गलत, / / बूलियन: क्या यादृच्छिक स्लाइड ऑर्डर विराम का उपयोग करना है: सही, / / बूलियन: उपयोगकर्ता कार्रवाई के दौरान ऑटो प्ले रोकें पॉज़्नोवर: गलत, / / बूलियन: विराम होवर पर ऑटो प्ले usecss: true, / / बुलियन: सीएसएस 3 ट्रांस्फ़ॉर्मेशन का उपयोग करना है या नहीं: true, / / / बूलियन: स्लाइडिंग स्लाइडर को छूने के लिए टच स्क्रीन की अनुमति दें वीडियो: असत्य, / / बूलियन: CSS3 3 डी परिवर्तन को रोकने के लिए वीडियो स्लाइडर का उपयोग करें burr controlnav: true, / / बूलियन: चाहे एक कंट्रोल पॉइंट दिशा-निर्देश बनाएँ: true, / / बूलियन: क्या पिछला / अगला बटन बनाना है (पिछला / अगला) प्रीटेक्स्ट: "पिछला", / / स्ट्रिंग: पिछले बटन का पाठ HTML तत्व अगला हो सकता है: "अगला" / / स्ट्रिंग: अगला बटन टेक्स्ट एक HTML एलिमेंट कीवर्ड हो: ट्रू / / बूलियन: क्या कीबोर्ड को मल्टीचिपबोर्ड को नियंत्रित करने के लिए सक्षम करना है: असत्य, / / बूलियन: क्या कीबोर्ड को कई स्लाइडशो को नियंत्रित करने के लिए सक्षम करना है: सच, / / बूलियन: क्या माउस व्हील कंट्रोल पॉज़प्ले को सक्षम करना है : गलत, / / बूलियन: पॉज़ और प्ले बटन pausetext बनाएँ: 'पॉज़' / / स्ट्रिंग: पॉज़ बटन टेक्स्ट: 'प्ले' / / स्ट्रिंग: प्ले बटन टेक्स्ट कन्ट्रोवर्सेनटेनर: ', / / jQuery ऑब्जेक्ट (सेलेरमैनुअल कॉन्ट्रॉल्स:', / / / jQuery ऑब्जेक्ट / चयनकर्ता तत्व को परिभाषित करता है सिंक: ', / / चयनकर्ता: एसोसिएट स्लाइड के बीच ऑपरेशन से बचो। ItemWidth: 0, / / पूर्णांक: स्लाइड की चौड़ाई, itemmargin: 0, / / पूर्णांक: स्लाइड रिक्ति minitems: 1, / / पूर्णांक: कम से कम स्लाइडों की संख्या प्रदर्शित करें, 'itemWidth', मैक्सिमम से संबंधित: 0, / / पूर्णांक : अधिकतम स्लाइड प्रदर्शित करता है, जो 'आइटमविद' से संबंधित है। चाल: 0, / / पूर्णांक: एक बार में स्थानांतरित होने वाली स्लाइडों की संख्या, 0 - दृश्यमान स्लाइडशार्ट स्क्रॉल करना: फ़ंक्शन () {}, / / कॉलबैक: फ़ंक्शन (स्लाइडर) - कॉलबैक पहले पूर्ण: फ़ंक्शन () {}। / / कॉलबैक: फ़ंक्शन (स्लाइडर) - प्रत्येक रोलओवर की शुरुआत से पहले कॉलबैक: फ़ंक्शन () {}, / / कॉलबैक: फ़ंक्शन (स्लाइडर) - प्रत्येक रोलओवर समाप्ति के बाद कॉलबैक: फ़ंक्शन () {}, / / कॉलबैक : फ़ंक्शन (स्लाइडर) - अंतिम स्लाइड में कॉलबैक जोड़ा गया: फ़ंक्शन () {}, / / कॉलबैक: फ़ंक्शन (स्लाइडर) - जब एक स्लाइड जोड़ा जाता है तो ट्रिगर हो जाता है। निकाला गया: फ़ंक्शन () {} / / कॉलबैक: फ़ंक्शन (स्लाइडर) - एक स्लाइड को हटाए जाने पर ट्रिगर
jQuery डॉट चित्र हिंडोला स्विच प्लगइन
प्रभाव प्लग-इन स्विच करने वाली बहुत ही सामान्य वेबसाइट बैनर छवि है, लेकिन यह एक बहुत ही व्यावहारिक jQuery हिंडोला प्लग-इन भी है, आप छवि सूचकांक को नियंत्रित करने के लिए डॉट पर क्लिक कर सकते हैं।
बूटस्ट्रैप संगत मोबाइल फोन टच स्क्रीन हिंडोला आरेख jQuery स्विचिंग प्लगइन
मोबाइल फोन पर, आप मुख्य रूप से दो प्लग-इन, jquery.touchSwipe और बूटस्ट्रैप-टच-स्लाइडर, और उत्तरदायी पूर्ण-स्क्रीन स्व-लागू स्क्रीन आकार का उपयोग करके चित्रों को स्विच करने के लिए अपनी उंगली को स्वाइप कर सकते हैं।
सरल jQuery स्विच फोकस मानचित्र प्लगइन
हिंडोला प्लग-इन स्विच करने वाला एक सरल और व्यावहारिक jQuery का चित्र। विशेषता यह है कि तस्वीर के निचले दाएं कोने में बाएं और दाएं स्विच बटन निलंबित हैं। बाएँ और दाएँ चित्र को स्विच करने के लिए स्विच बटन पर क्लिक करें। प्रभाव वास्तव में सरल है, लेकिन मुझे लगता है कि यह बहुत व्यावहारिक है। इसके अलावा, इस jQuery फोकस मैप प्लग-इन में 3D छाया फोटो फ्रेम है, जो सरल और थोड़ा सा भव्य है।
jQuery के चित्र हिंडोला रोटेशन स्विच प्लग-इन हिंडोला
JQuery के हिंडोला प्लग-इन चित्र हिंडोला स्विचिंग प्रभाव को प्रदर्शित करता है, जिसे क्षैतिज या लंबवत रूप से तैनात किया जा सकता है, और इसकी उपस्थिति को आसानी से बदला जा सकता है।
jQuery के चित्र हिंडोला स्विच प्लगइन विस्तार करने के लिए क्लिक करें
jQCarousel एक चित्र हिंडोला jQuery प्लग-इन है, चित्र असीमित रोटेशन का समर्थन करते हैं। वर्तमान तस्वीर पर क्लिक करने से डिस्प्ले जूम इन हो जाएगा और पॉप अप होगा। यह आपकी आवश्यकताओं के अनुरूप हिंडोला छवि गैलरी को अनुकूलित करने के लिए बड़ी संख्या में विकल्प और तरीके भी प्रदान करता है।
शुद्ध CSS3 की छवि हिंडोला प्लगइन
बूटस्ट्रैप टेम्पलेट लाइब्रेरी में कई हिंडोला प्लग-इन साझा किए गए हैं, जिनमें से अधिकांश को jQuery के साथ लागू किया गया है। आज हम शुद्ध CSS3 कोड का उपयोग करके एक चित्र हिंडोला प्लग-इन लागू कर रहे हैं, जो एक साथ ग्राफिक्स और पाठ हिंडोला की विशेषता है, जो सटीक है, यह एक बहुत उपयोगी फोकस मैप प्लग-इन है, क्योंकि यह शुद्ध CSS3 कोड है। संगतता बहुत अच्छी नहीं है, लेकिन यह निर्विवाद है कि CSS3 वास्तव में बहुत शक्तिशाली है।
सरल jQuery के विज्ञापन हिंडोला प्लग में स्लाइड
एक सरल और व्यावहारिक jQuery के हिंडोला प्लग-इन, आम विज्ञापन बैनर छवि स्विचिंग प्रभाव, यह स्लाइडर.जेएस लाइब्रेरी का उपयोग करने के लिए बहुत सरल है।
js हैंगिंग पिक्चर गैलरी स्विचिंग प्लगइन
एक सुंदर और उत्तम js चित्र स्विचिंग स्लाइड शो कोड, पृष्ठभूमि लंबन स्क्रॉल प्रभाव, उत्तरदायी पूर्ण-स्क्रीन अनुकूली चौड़ाई, और स्लाइड शो कैरोसेल को नियंत्रित करने के लिए बाएं और दाएं तीर का समर्थन करता है।
CSS3 और jQuery के परिपत्र चित्र नेविगेशन स्लाइड
CSS3 और jQuery का उपयोग करके बनाया गया एक सुंदर होवर इफेक्ट इमेज नेविगेशन स्विचिंग प्लगइन।
jQuery के विज्ञापन चित्र बड़ी स्लाइड स्विच प्लगइन
नीचे जैकेट विज्ञापन छवि स्विचिंग प्लग-इन को jQuery के साथ लागू किया गया, फीका इन और फीका का प्रभाव, कोड का उपयोग करना आसान है।
jQuery के पूर्ण स्क्रीन चित्र स्लाइड स्विच प्लगइन
सरल फुल-स्क्रीन चित्र स्लाइड शो प्लग-इन, jQuery का उपयोग करके बड़ी तस्वीर स्विचिंग प्रभाव को प्राप्त करने के लिए।
ठहराव और थंबनेल के साथ jQuery स्लाइड शो प्लगइन
इस स्लाइड शो प्लगइन में विभिन्न प्रकार के स्टाइल कॉन्फ़िगरेशन पैरामीटर हैं। JQuery का उपयोग करके लागू किया गया कोड समझने में आसान है, ठहराव और थंबनेल के साथ।
जेएस छोटी तस्वीर स्विच बड़ी तस्वीर हिंडोला कोड
यह हिंडोला चित्र कोड देशी js में लिखा गया है, बड़ी तस्वीर को बदलने के लिए छोटी तस्वीर पर क्लिक करें और चित्र स्वचालित रूप से स्विच किया जा सकता है।
jQuery के चित्र स्विच शटर प्रभाव
ब्लाइंड्स के साथ फोकस ब्रेकिंग स्विच का एक jQuery कार्यान्वयन बहुत ही शांत है, न केवल क्षैतिज स्विचिंग, बल्कि ऊर्ध्वाधर स्विचिंग भी।
jQuery की छवि 3 डी प्रभाव प्लगइन स्विचन
JQuery द्वारा कार्यान्वित गैलरी गैलरी में चित्रों को स्विच करते समय, कटा हुआ 3 डी प्रभाव विशेष प्रभाव को बदल देता है।
मॉल jQuery की तस्वीर बड़ी स्लाइड हिंडोला प्रभाव
सामान्य चित्र स्विचिंग हिंडोला प्रभाव, jQuery संरचित स्लाइड चित्र स्विचिंग का उपयोग करते हुए, इस तरह के विज्ञापन बैनर कई शॉपिंग मॉल में देखे जा सकते हैं।
