स्थान：घर पृष्ठ > जेएस विशेष प्रभाव कोड > छवियाँ और मीडिया
jQuery पूर्वावलोकन प्लग-इन को बड़ा करने के लिए चित्र पर क्लिक करें
छवियों को ज़ूम करने और पूर्वावलोकन करने का एक सामान्य तरीका, छवि को क्लिक करते समय मास्क की परत को प्राप्त करने के लिए jQuery का उपयोग करना, और छवि को पूर्ण स्क्रीन में प्रदर्शित किया जाता है।
jQuery + बूटस्ट्रैप छवि अपलोड प्लगइन फसल
अच्छे प्रभाव के साथ इमेज अपलोड प्लग-इन को क्रॉप किया जा सकता है। फ़ंक्शन क्रॉपिंग और अपलोडिंग प्राप्त करने के लिए jQuery का उपयोग करता है। प्लग-इन की शैली भी बहुत अच्छी है क्योंकि यह बूटस्ट्रैप ढांचे का उपयोग करता है।
JQuery की छवि अपलोड करने से पहले पूर्वावलोकन करें
Ajax छवि अपलोड प्लगइन jQuery द्वारा लागू किया गया। फ़ाइल अपलोड प्लगइन चित्रों का पूर्वावलोकन करने से पहले AJAX अपलोड का समर्थन करता है, बहु-फ़ाइल अपलोड का समर्थन करता है, फ़ाइल प्रारूप और फ़ाइल आकार को नियंत्रित कर सकता है, विभिन्न कॉलबैक फ़ंक्शन प्रदान करता है, और उपयोग करने के लिए बहुत सुविधाजनक है।
jQuery के चित्र एल्बम बिखरे हुए व्यवस्था कोड
चित्र एल्बम विशेष प्रभाव कोड का एहसास करने के लिए jQuery का उपयोग करते हुए शांत चित्र व्यवस्था प्रभाव।
jQuery खींचें और div परत और छवि प्लगइन ड्रॉप
एक अच्छा jQuery ड्रैग-एंड-ड्रॉप प्लग-इन। इस प्लग-इन के साथ, आप वेब पेज पर डिव लेयर्स या चित्रों जैसे तत्वों को ड्रैग और ड्रॉप कर सकते हैं। क्या अधिक है, हम इसके ड्रैग की दिशा को नियंत्रित कर सकते हैं, जैसे कि केवल क्षैतिज ड्रैग की अनुमति देना और केवल लंबवत रूप से ड्रैग की अनुमति देना, इसके अलावा, आप ड्रैग हैंडलर भी सेट कर सकते हैं, यानी माउस एक निश्चित क्षेत्र में ड्रैग ईवेंट को ट्रिगर करता है।
jQuery की तस्वीर 360 ° पैनोरमा प्लगइन
360 ° स्थैतिक पैनोरमिक चित्रों को देखने के लिए, आप हॉटस्पॉट्स, रोटेशन और स्क्रॉलिंग के सुपर-वास्तविक दृश्य अनुभव को जोड़ने के लिए JQuery का उपयोग कर सकते हैं।
जेएस गतिशील तस्वीर रोकें प्लेबैक प्लगइन
जब gif इमेज को खोला जाता है, तो यह प्लेइंग स्टेट में होता है। डिफ़ॉल्ट रूप से, एनीमेशन प्लेबैक प्लग-इन gifffer.js का उपयोग प्लेबैक को रोकने के लिए किया जा सकता है, और बटन पर क्लिक करने के बाद गतिशील प्रभाव दिखाई देगा।
jQuery की छवि ओवरले CSS3 एनीमेशन को ढेर करती है
एनीमेशन प्रभाव को प्राप्त करने के लिए CSS3 का उपयोग करके jQuery स्टैक्ड कार्ड छवि विस्तार और संकुचन प्रभाव का शांत प्रभाव। जब चित्र प्रभाव शुरू होता है, तो कार्ड एक साथ ढेर हो जाते हैं। जब उपयोगकर्ता शीर्ष कार्ड पर क्लिक करता है, तो स्टैक्ड चित्र विभिन्न एनिमेशन में विस्तारित होते हैं। विस्तार करने के बाद, किसी भी कार्ड पर क्लिक करें, और वे फिर से सिकुड़ेंगे और ढेर हो जाएंगे।
jQuery के चित्र ओवरले गन्दा फोटो दीवार
एक jQuery- आधारित कैस्केडिंग स्टाइल फोटो वॉल इफेक्ट अलग-अलग आकृतियों के चित्रों को फोटो वॉल पर स्टैक्ड और अव्यवस्थित रूप से प्रदर्शित करने की अनुमति देता है, और तस्वीर को बड़ा करने के लिए छोटी तस्वीर पर क्लिक करें, और पिछली और अगली तस्वीरों के बीच स्विच का समर्थन करें।
छोटे सुअर चल CSS3 एनीमेशन कोड
प्यारा फ्लोटिंग सुअर शुद्ध CSS3 कोड है, और यह तैरने पर सुअर का प्रक्षेपण भी तैर जाएगा। एनीमेशन प्रभाव बहुत यथार्थवादी है।
jQuery फुल-स्क्रीन बड़ी छवि को स्विच करने के लिए छोटी छवि पर क्लिक करें
क्लिक-थ्रू छोटी छवि को महसूस करने के लिए jquery.swipebox.js प्लग-इन का उपयोग करें बड़ी छवि का पूर्ण-स्क्रीन प्रदर्शन प्रभाव बन जाता है, और jQuery कोड कॉल बहुत सरल है।
jQuery के उत्तरदायी चित्र गैलरी लेआउट प्लगइन
ट्विटर की "उपयोगकर्ता गैलरी" के एकीकरण से प्रेरित और Elastislide के अनुरोध से प्रेरित, Elastislide हिंडोला का उपयोग करके एक उत्तरदायी छवि और थंबनेल गैलरी बनाएं, हम एक उत्तरदायी गैलरी को लागू करने की उम्मीद करते हैं जो व्यू-पोर्ट चौड़ाई के लिए अनुकूल हो। गैलरी थंबनेल को हिंडोला या नहीं देखने की अनुमति देने के लिए स्विच करेगी।
थंबनेल के साथ JQuery पूर्ण स्क्रीन चित्र गैलरी प्लगइन
JQuery के फुल-स्क्रीन गैलरी प्लगइन आपको थंबनेल प्रभाव के साथ अपने फोटोग्राफिक कार्यों या अन्य कार्यों को प्रदर्शित करने में मदद कर सकता है। अंतर्निहित विलंब स्लाइड, बड़ी छवियों का आकार बदला जा सकता है, और हाइपरलिंक का समर्थन किया जाता है। सेवा
jQuery के चित्र फ्लिप प्रभाव CSS3 एनीमेशन
चित्र स्विचिंग और एनीमेशन प्रभाव को प्राप्त करने के लिए jQuery और CSS3 कोड का उपयोग करके चित्र समूह स्विच css3 एनीमेशन प्रभाव।
jQuery कार्ड फैनिंग एनीमेशन प्लगइन
छवि विस्तार एनीमेशन jQuery द्वारा लिखे गए व्यावसायिक कार्ड के समान है, विभिन्न प्रकार के एनीमेशन प्रभाव प्रशंसक के आकार का प्रदर्शन विशेष प्रभाव कोड।
कमोडिटी कार्ड स्टाइल CSS3 फ्लिप एनीमेशन शॉपिंग कार्ट
एनीमेशन प्रभाव के साथ CSS3 के शॉपिंग उत्पाद कार्ड डिज़ाइन। इस प्रभाव का उपयोग उत्पाद प्रदर्शित करने के लिए किया जाता है। जब माउस कार्ड पर हो जाता है, तो उत्पाद की दूसरी छवि प्रदर्शित करने के लिए छवि को फ़्लिप किया जाएगा।
jQuery के फोटो स्टैकिंग प्रभाव प्लग-इन Photopile
चित्र विकट व्यवस्था, चित्र स्टैकिंग प्रभाव का एहसास करने के लिए jQuery का उपयोग करें, विधि परत प्लग-इन को पॉप अप करने के लिए चित्र पर क्लिक करें।
jQuery कनेक्शन आरेख कोड
JQuery कोड के साथ संयुक्त कैनवास पर आधारित चरित्र संबंध आरेख, लाइनों द्वारा जुड़ा हुआ है, और आप चरित्र के अवतार को खींच सकते हैं।
तस्वीर ग्रे सीएसएस कोड बदल जाती है
सीएसएस कोड की कुछ पंक्तियों के साथ एक रंगीन चित्र को ग्रे चित्र में बदलना आसान है। Css कोड में फ़िल्टर विशेषता फ़िल्टर का उपयोग करें।
jQuery फुल स्क्रीन ग्राफिक गैलरी स्क्रॉल लोडिंग
उत्तरदायी पूर्ण स्क्रीन स्क्रॉलिंग jQuery के चित्र गैलरी प्लगइन। प्लग-इन माउस व्हील को स्क्रॉल करके या कीबोर्ड के ऊपर और नीचे तीर बटन का उपयोग करके या चित्रों के प्रदर्शन को स्विच करने के लिए मोबाइल डिवाइस पर ऊपर और नीचे स्लाइड करके पूर्ण-स्क्रीन चित्रों का एक सेट बना सकता है।
