jQuery मध्ये इमेज गॅलरी. मनोरंजक प्रभावासह jQuery वर प्रतिमा गॅलरी प्रतिमा गॅलरी html css

आमच्या स्क्रिप्टच्या संग्रहामध्ये तुम्हाला तुमच्या वेबसाइटसाठी लहान पण अतिशय उपयुक्त आणि कार्यक्षम प्लगइन्स मिळू शकतात. साधनाकडे वळतो jQueryगॅलरी, गॅलरी व्यवस्थापित करणे सोपे डिजिटल फोटोसह छान रचना, स्क्रोल करणे, झूम करणे, लघुप्रतिमा पाहणे आणि इतर अनेक उपयुक्त कार्ये. व्यावसायिक वेबसाइट्ससाठी कठोर उपाय आणि मनोरंजन प्रकल्पांसाठी ॲनिमेशन आणि इतर स्पेशल इफेक्ट्ससह चमकदार उपाय आहेत.

द्वारे jQuery प्रतिमापेज रीलोड न करता आणि ट्रॅफिक फ्लो न वाढवता पाहता येईल. सादर केलेले प्लगइन तुम्हाला रिअल टाइममध्ये प्रतिमा लोड करणे आणि गॅलरी सोयीस्कर आणि वापरकर्ता-अनुकूल पद्धतीने सादर करण्यास अनुमती देतात. सेटिंग्ज आणि अनेक उपलब्ध उपाय सुलभतेबद्दल धन्यवाद, तुमचे स्वतःचे jQuery फोटो गॅलरीआता तुम्हाला हवे तसे दिसू शकते. सादर केलेल्या स्क्रिप्टची वेगवेगळ्या प्लॅटफॉर्मवर चाचणी केली गेली आहे आणि उत्कृष्ट सुसंगतता आहे.

सर्वांना नमस्कार!
सर्व पट्ट्यांचे विकसक, त्यांचा पुढील वेब प्रकल्प तयार करताना, त्यांचे वापरकर्ते कसे सादर करायचे या प्रश्नात सहसा स्वारस्य असते विविध प्रकारचेप्रतिमा, छायाचित्रे किंवा चित्रांचे संच. यासाठी, ऑनलाइन स्पेसची जिज्ञासू मने, अर्थातच ही एक "बुर्जुआ" जागा आहे, नेत्रदीपक, रंगीबेरंगी आणि सर्वात महत्त्वाचे म्हणजे फंक्शनल स्लाइड शो आणि फोटो गॅलरी तयार करण्यासाठी अधिकाधिक नवीन उपाय शोधत आहेत. बहुतेक भागांसाठी, ते तयार केल्या जात असलेल्या वेब प्रकल्पाच्या टेम्पलेटच्या डिझाइनमध्ये किंवा विशिष्ट साइट व्यवस्थापन इंजिनसाठी प्लगइन आणि मॉड्यूल्सच्या स्वरूपात फिट करण्यासाठी डेव्हलपरद्वारे सानुकूलित केले जातात. आधुनिक टेम्पलेट्स पाहण्यासारखे आहे, दुर्मिळ अपवादांसह, कोणत्याही प्रकारच्या प्लग-इन स्लाइडर किंवा साध्या प्रतिमा रोटेटरशिवाय एकच थीम करू शकत नाही. त्यामुळे हे समजण्यासारखे आहे की बऱ्याच वेब डेव्हलपरना त्यांच्या शस्त्रागारात असे काहीतरी हवे आहे आणि त्यांच्या साइटवर प्रभावीपणे प्रतिमा सादर करून त्यांच्या वाचकांना आश्चर्यचकित करायचे आहे.

तयार करताना उदयोन्मुख नवीन समाधानांच्या पुनरावलोकनांची चालू असलेली मालिका सुरू ठेवत, मी jQuery च्या जादूचा वापर करून तयार केलेल्या सर्वात मनोरंजक आणि प्रभावी स्लाइडशो आणि फोटो गॅलरींचा अधिक संपूर्ण संग्रह एकत्र ठेवण्याचा निर्णय घेतला.
मी तुम्हाला ताबडतोब चेतावणी देऊ इच्छितो की पुनरावलोकनामध्ये चर्चा केलेली संसाधने मुख्यतः इंग्रजीमध्ये आहेत, परंतु मला वाटते की ज्यांना याची आवश्यकता आहे तो अंतर्ज्ञानाने किंवा अनुवादकांच्या मदतीने शोधून काढेल, ज्यापैकी एक डझन पैसे आहेत. आणि जर तुम्ही पुरेसा शोध घेतला तर, तुम्हाला रशियन भाषेत काही गॅलरी आणि स्लाइडर तयार करण्याच्या तंत्राचे वर्णन मिळू शकते, कारण आमचे अनेक वेब डेव्हलपर एखाद्या विशिष्ट प्रकल्पावर काम करत असताना, प्रथम स्वतःसाठी भाषांतर करतात आणि नंतर त्यांच्या सर्व हाताळणीचे तपशीलवार वर्णन पोस्ट करतात. मोफत प्रवेशासाठी.
उदाहरणार्थ, मी हेच केले, जेव्हा मी तयार करण्याच्या यंत्रणेवर काम करत होतो, तेव्हा मला प्रथम एक गॅलरी पर्याय सापडला जो माझ्यासाठी बुर्झुनेटमध्ये योग्य होता, मी काय करत होतो आणि भविष्यात अधिक चांगल्या प्रकारे समजून घेण्यासाठी त्याचे भाषांतर केले. हे निष्पन्न झाले, मी आशा ठेवण्याचे धाडस करतो, हायस्लाइड स्क्रिप्ट वापरण्याबद्दल वाईट लेख नाही, विविध ऍप्लिकेशन भिन्नतांमधील कामाच्या उदाहरणांसह.
आणि म्हणून, अनावश्यक गीते पुरेशी आहेत, चला थेट पुनरावलोकनाकडे जाऊया, पाहूया, थोडक्यात स्पष्टीकरणे वाचा आणि आपल्या साइटवर मनोरंजक प्रतिमा स्लाइडर, फोटो गॅलरी, स्लाइड शो लागू करण्यासाठी मोठ्या संख्येने नवीन jQuery प्लगइन आणि स्क्रिप्टमधून निवडू या: सह स्वयंचलित आणि मॅन्युअल बदल स्लाइडर, पार्श्वभूमी प्रतिमा स्लाइडर, लघुप्रतिमासह आणि त्याशिवाय, इ. वगैरे...

ऑफ.साइट | डेमो

स्लाइडशो घटक, संक्रमण प्रभाव आणि एकाधिक अल्बम पर्यायांसह एक संपूर्ण, सानुकूल करण्यायोग्य jQuery प्रतिमा गॅलरी. सर्व आधुनिक डेस्कटॉप आणि मोबाइल ब्राउझरसह सुसंगत.

jQuery वापरून पूर्ण स्क्रीन गॅलरी कशी तयार करावी याचे ट्यूटोरियल. आपण बाण किंवा माऊस क्लिक वापरून प्रतिमांमधून पुढे जाताना प्रतिबिंबासह वैशिष्ट्यीकृत पूर्ण-स्क्रीन प्रतिमेची लघुप्रतिमा बाजूला दिसण्याची कल्पना आहे. तुम्ही निवडलेल्या संक्रमणावर अवलंबून मोठ्या प्रतिमा स्लाइडशो शैलीमध्ये वर किंवा खाली सरकतात. पार्श्वभूमीतील प्रतिमा पाहण्यायोग्य बनवून, चित्र झूम करण्याची क्षमता पूर्ण स्क्रीन मोडकिंवा पृष्ठ आकार समायोजित.

पॅरलॅक्स स्लाइडर

पॅरलॅक्स स्लाइडरमॅन्युअल कंट्रोल घटकांसह स्लाइड शोच्या स्वरूपात प्रतिमांचे प्रदर्शन आयोजित करण्यासाठी एक मनोरंजक उपाय. लघुप्रतिमांचे मूळ स्थान लक्ष वेधून घेते. अधिकृत वेबसाइट आहे पूर्ण वेळापत्रकस्लायडरचे एकत्रीकरण आणि सानुकूलित करण्यावर.

jQuery सह मिनिमलिस्टिक स्लाइडशो गॅलरीघटकांसह प्रतिमांची उत्तम गॅलरी स्वयंचलित बदलचित्रे, तसेच लघुप्रतिमांच्या ग्रिडसह ड्रॉप-डाउन ब्लॉकमधून प्रतिमांचे प्रदर्शन आणि निवड व्यक्तिचलितपणे नियंत्रित करण्याची क्षमता. तोट्यांपैकी एक म्हणजे पूर्ण-आकारातील प्रतिमा न पाहणे, परंतु हे या गॅलरीचे किमानत्व आहे.

हा एक पूर्ण-स्क्रीन स्लाइडशो आहे ज्यामध्ये आपोआप बदलणाऱ्या प्रतिमा आहेत, कोणतेही मन फुंकणारे प्रभाव नाहीत, सर्व काही सोपे आणि चवदार आहे.

गॅलरी कमी कराप्रतिमा प्रदर्शित करताना संक्रमणांच्या मोठ्या निवडीसह, अत्यंत सानुकूल करण्यायोग्य jQuery प्लगइन आहे. Minimit गॅलरी वापरून, तुम्ही कॅरोसेल, स्लाइड शो, एक साधा रोटेटर आणि नियमित चित्र स्क्रोलरच्या स्वरूपात प्रतिमांचे प्रदर्शन आयोजित करू शकता.

एक लहान (2kb) jQuery प्लगइन आहे जो स्लाइडशो म्हणून प्रतिमा प्रदर्शित करण्यासाठी एक सोपा, मूर्खपणाचा मार्ग प्रदान करतो.

सर्व संगणक, iPhones आणि मोबाईल उपकरणांवर अंतर्ज्ञानी नियंत्रणे आणि अखंड सुसंगततेसह, सुंदर दिसणारी जावास्क्रिप्ट गॅलरी आहे. स्थापित करणे आणि कॉन्फिगर करणे खूप सोपे आहे

बऱ्याच Javascript आणि jQuery इमेज स्लाइडरच्या विपरीत, Slider.js हे CSS3 संक्रमण आणि ॲनिमेशनद्वारे समर्थित एक संकरित समाधान आहे.

HTML5 आणि CSS3 मध्ये विविध सादरीकरणे तयार करण्यासाठी हे एक-पृष्ठ टेम्पलेट आहे.

डायपोस्लाइडशो हा एक मुक्त स्रोत प्रकल्प आहे. आपण इच्छित असल्यास, आपण बदल किंवा सुधारणा सुचवू शकता. तुम्ही ते विनामूल्य डाउनलोड आणि वापरू शकता आणि काहीही नाही आणि कोणीही तुम्हाला तुमच्या प्रोजेक्टमध्ये हा स्लाइडर वापरण्यापासून रोखत नाही. स्लाइडर सानुकूलित करणे सोपे आहे, सादर केलेल्या सामग्रीमध्ये मनोरंजक संक्रमणे आहेत आणि आपण स्लाइडरमध्ये काहीही ठेवू शकता, ते कोणत्याही जामशिवाय, द्रुतपणे कार्य करते.

वेबसाइट्स आणि इतर वेब प्रकल्पांवर स्लाइडशो तयार करण्यासाठी दुसरे साधन आहे. सर्व आधुनिक ब्राउझर, क्षैतिज आणि अनुलंब ॲनिमेशन, सानुकूल संक्रमणांसाठी समर्थन, कॉलबॅक API आणि बरेच काही समर्थित करते. आपण कोणत्याही वापरू शकता html घटकस्लाईड्समध्ये, नवशिक्यांसाठी समजण्यायोग्य आणि प्रवेश करण्यायोग्य, पूर्णपणे विनामूल्य वितरित.

चपळ विकासासाठी JavaScript स्लाइडशो

या अद्भुत jQuery प्लगइनसह तुमचे स्लाइडशो लागू करा. उच्च सानुकूल करण्यायोग्य साधन जेणेकरुन आपण आपल्या आवश्यकतांनुसार आपले सामग्री सादरीकरण तयार करू शकता. आपल्या CMS मधील बाह्य डेटा किंवा डेटासह सुलभ एकीकरण प्रदान करण्यासाठी, डेटा स्वरूप वापरले जाते. या एक नवीन आवृत्तीआणि सुरवातीपासून लिहिले. विकसकांनी त्यांच्या ब्रेनचाइल्डसह कार्य करण्याच्या संपूर्ण प्रक्रियेचे स्पष्टपणे आणि सुगमपणे वर्णन करण्याचा प्रयत्न केला.

हे एक jQuery प्लगइन आहे जे तुम्हाला आकर्षक ॲनिमेशन इफेक्टसह अक्रमित सूचीचे स्लाइडशोमध्ये रूपांतर करण्यास अनुमती देते. स्लाइड शोमध्ये, तुम्ही संख्या किंवा लघुप्रतिमा वापरून किंवा मागील आणि पुढील बटणे वापरून स्लाइडची सूची प्रदर्शित करू शकता. स्लायडरमध्ये अनेक मूळ ॲनिमेशन प्रकार आहेत, ज्यात क्यूब (विविध उप-प्रकारांसह), पाईप, ब्लॉक आणि बरेच काही समाविष्ट आहे.

तुमच्या वेब प्रकल्पांवर विविध सामग्रीची सर्व प्रकारची सादरीकरणे आयोजित करण्यासाठी साधनांचा संपूर्ण संच. बुर्जुआ लोकांनी jQuery ची जादू वापरून जवळजवळ सर्व प्रकारचे विविध स्लाइडर आणि गॅलरी समाविष्ट करून सर्वोत्तम कामगिरी केली. फोटो स्लाइडर, फोटो गॅलरी, डायनॅमिक स्लाइड शो, कॅरोझेल, सामग्री स्लाइडर, टॅब मेनू आणि बरेच काही, सर्वसाधारणपणे आमच्या अदम्य कल्पनाशक्तीला जंगली चालवण्यास जागा आहे.

हे एक jQuery स्लाइडशो प्लगइन आहे जे साधेपणा लक्षात घेऊन तयार केले आहे. फंक्शन्सचा केवळ सर्वात उपयुक्त संच पॅक केलेला आहे, नवशिक्यांसाठी आणि प्रगत विकासकांसाठी, साधे, परंतु त्याच वेळी वापरकर्त्यासाठी अनुकूल असलेले अतिशय प्रभावी स्लाइडशो तयार करण्याची संधी प्रदान करतात.

— jQuery वर तयार केलेला एक साधा स्लाइडर, सर्व बाबतीत सोपा, विशेष कौशल्याची आवश्यकता नाही, मला वाटते की अनेकांना त्यांच्या वेबसाइटवर स्लाइड शो लागू करण्यासाठी ते उपयुक्त वाटेल. प्लगइनची सर्व चाचणी केली गेली आहे आधुनिक ब्राउझर, मंद IE सह.

जेबी गॅलरी- हे एक प्रकारचे विजेट आहे वापरकर्ता इंटरफेस, jQuery लायब्ररीतून जावास्क्रिप्टमध्ये लिहिलेले. त्याचे कार्य पूर्ण-स्क्रीन मोडमध्ये साइटची पार्श्वभूमी म्हणून एक मोठी प्रतिमा, स्लाइडरच्या स्वरूपात अनेक प्रतिमा दर्शविणे आहे. सर्व पाहण्याच्या मोडमध्ये पाहण्याची नियंत्रणे आहेत. हे स्वतःच्या मार्गाने एक मनोरंजक उपाय आहे आणि काही प्रकरणांमध्ये ते मानक देखील नाही.

प्रतिमांमधील संक्रमण प्रभावांसह स्लाईड शो म्हणून तुमचे फोटो प्रदर्शित करण्यासाठी वापरण्यास सोपा jQuery प्लगइन आहे (तुम्ही अधिक मनोरंजक पाहिले आहेत). jqFancyTransitions सुसंगत आहे आणि सफारी 2+ सह विस्तृतपणे चाचणी केली आहे. इंटरनेट एक्सप्लोरर 6+, फायरफॉक्स 2+, गुगल क्रोम 3+, ऑपेरा 9+.

लाइटबॉक्स फॉर्ममध्ये प्रतिमा आणि इतर माहिती पाहण्यासाठी मुक्तपणे वितरित केलेले jQuery प्लगइन आहे. नियंत्रणांसह पॉपअप विंडो, छायांकित पार्श्वभूमी आणि ते सर्व, साधे आणि चवदार.

लाइटबॉक्स मालिकेतील आणखी एक jQuery प्लगइन, जरी त्याचे वजन खूपच कमी (9 KB) असले तरी त्यात बरीच कार्यक्षमता आहे. एक सभ्यपणे डिझाइन केलेला इंटरफेस आहे जो तुम्ही CSS वापरून नेहमी सुधारू शकता किंवा कस्टमाइझ करू शकता.

नावावरून आधीच हे स्पष्ट झाले आहे की काहीही फॅन्सी नाही, आमच्याकडे पूर्णपणे गहाळ नियंत्रणांसह एक अतिशय सोपा स्वयंचलित प्रतिमा स्क्रोलर आहे. कोणास ठाऊक, कदाचित हा स्लाइडर त्याच्या मिनिमलिझमसह आपले लक्ष वेधून घेईल.

विविध प्रकारच्या संक्रमणांसह प्रतिमा रोटेटर. हे स्वयंचलितपणे आणि क्लिक करून दोन्ही कार्य करते आणि सेट करणे खूप सोपे आहे.

— फक्त स्लायडर ऐवजी पूर्ण प्रतिमा गॅलरी. लघुप्रतिमांचे पूर्वावलोकन आणि संक्रमण प्रभाव निवडण्याची क्षमता, सर्व ब्राउझरसाठी पूर्ण समर्थन, वेब प्रोजेक्टमध्ये एकत्रीकरणाचे तपशीलवार वर्णन आणि विनामूल्य वितरण.

हे स्क्रिप्टॅक्युलस/प्रोटोटाइप किंवा jQuery वापरून वापरण्यासाठी तयार स्लाइडशोची अंमलबजावणी आहे. होरिनाजा हे काहीसे नाविन्यपूर्ण उपाय आहे कारण ते तुम्हाला स्लाइडरमध्ये ठेवलेल्या सामग्रीमधून स्क्रोल करण्यासाठी चाक वापरण्याची परवानगी देते. जेव्हा माउस पॉइंटर स्लाइडशो क्षेत्राच्या बाहेर असतो, तेव्हा स्क्रोलिंग आपोआप होते जेव्हा पॉइंटर स्लाइडशोवर ठेवला जातो, तेव्हा स्क्रोलिंग थांबते;

हे साध्या प्रतिमा स्क्रोलर्सच्या मालिकेतील एक वैशिष्ट्य आहे, जरी पाहण्याची नियंत्रणे असूनही, आणि म्हणून स्वयंचलित आणि मॅन्युअल दोन्ही मोडमध्ये कार्य करते.

s3 स्लाइडरहे एक jQuery प्लगइन आहे जे प्रतिमांच्या क्रमरहित सूचीमधून स्लाइडशो तयार करते आणि कोणत्याही वेब प्लॅटफॉर्मवर सहजपणे लागू केले जाऊ शकते.

हे jQuery प्लगइन आहे जे सेव्ह करताना मोठ्या प्रमाणात फोटोंवर प्रक्रिया करण्यासाठी ऑप्टिमाइझ केले जाते बँडविड्थ.

वेगास पार्श्वभूमी

वेगास पार्श्वभूमी jQuery प्लगइन आपल्याला वेब पृष्ठांवर सुंदर पूर्ण-स्क्रीन पार्श्वभूमी प्रतिमा जोडण्याची परवानगी देते, सर्व स्लाइडशो घटकांसह. जर आपण प्लगइनसह कार्य करण्याच्या गुंतागुंतीचा काळजीपूर्वक अभ्यास केला, तर आपल्याला अनेक मनोरंजक उपाय सापडतील, अर्थातच, आपल्याला आवश्यक असल्यासच.

— स्लायडर म्हणून स्लायडर, अधिक नाही, कमी नाही, प्रतिमांसाठी मथळे किंवा लेखांच्या घोषणा आणि यादृच्छिकपणे साधी नियंत्रणे.

प्रतिमा पाहण्याचे आयोजन करण्यासाठी एक हलकी (सुमारे 5 KB) जावास्क्रिप्ट आहे. मोठ्या प्रतिमांचे स्वयंचलित आकार बदलणे आणि स्केलिंग करणे आपल्याला ब्राउझर विंडोमध्ये पूर्ण आकारात चित्र पाहण्याची परवानगी देते

PikaChoose jQuery इमेज गॅलरी ची आवृत्ती 4 उपलब्ध आहे! पिकाचूज हा उत्तम वैशिष्ट्यांसह हलका jQuery स्लाइडशो आहे! फॅन्सीबॉक्ससह एकत्रीकरण, उत्कृष्ट थीम (मोफत नसले तरी) आणि बरेच काही प्लगइन विकसकांद्वारे आपल्या लक्ष वेधून दिले जाते.

तुमच्या सूचीमधील प्रतिमांची संख्या तपासते आणि डिजिटल नेव्हिगेशन म्हणून डायनॅमिकपणे फोटो लिंक्सचा संच तयार करते. याव्यतिरिक्त, प्रत्येक प्रतिमेवर क्लिक केल्याने पुढे किंवा मागे सरकेल, आणि तुम्ही चित्रावर क्लिक करता त्या क्षेत्रानुसार तुम्ही प्रतिमा स्क्रोल देखील करू शकता (उदाहरणार्थ: चित्राच्या डाव्या बाजूला क्लिक केल्याने स्लाइड्स पुढे-मागे हलतील, अनुक्रमे, प्रतिमेच्या उजव्या बाजूसाठी).

आणखी एक jQuery स्लाइडर जो कोणत्याही वर्डप्रेस टेम्पलेटमध्ये पूर्णपणे फिट होईल.

“निवो” चा आणखी एक विकास, जसे की या स्टुडिओतील मुले करतात त्याप्रमाणे, प्लगइन उच्च गुणवत्तेसह बनविलेले आहे, त्यात 16 अद्वितीय संक्रमण प्रभाव, कीबोर्ड नेव्हिगेशन आणि बरेच काही आहे. ही आवृत्तीवर्डप्रेससाठी थेट समर्पित प्लगइन समाविष्ट आहे. त्यामुळे या ब्लॉगिंग इंजिनच्या सर्व चाहत्यांसाठी, Nivo Slider तुमच्यासाठी अगदी योग्य असेल.

jQuery प्लगइन जे तुम्हाला कोणत्याही आकाराच्या प्रतिमांसाठी एक साधा, प्रभावी आणि सुंदर स्लाइडर द्रुतपणे तयार करण्यास अनुमती देते.

पिरोबॉक्सही एक हलकी jQuery “लाइटबॉक्स” स्क्रिप्ट आहे, पाहणे एका पॉप-अप ब्लॉकमध्ये चालते जे सर्व नियंत्रणांसह, इमेजच्या आकाराशी आपोआप समायोजित होते.

या गॅलरीचे निर्माते चित्रांचे मूळ सादरीकरण देतात. प्रतिमा एका लहरीच्या रूपात लघुचित्रांमध्ये प्रदर्शित केल्या जातात, जेव्हा तुम्ही लघुप्रतिमावर क्लिक कराल, तेव्हा आम्हाला प्रतिमेची मध्यम आकाराची आवृत्ती दिसेल, दुसऱ्यांदा क्लिक करा आणि तुम्हाला एक मोठी प्रतिमा दिसेल. आपण हा एक प्रयोग मानू शकता, परंतु आपण हे कबूल केले पाहिजे की काहीतरी नवीन आणि असामान्य नेहमीच मनोरंजक असते.

HTML5 आणि jQuery सह फुलस्क्रीन स्लाइडशो

स्लाइडशो तयार करण्यासाठी आणि पूर्ण स्क्रीन मोडमध्ये चित्रे प्रदर्शित करण्यासाठी, विकसकांनी आधीच परिचित Vegas jQuery प्लगइन वापरले, ज्यामध्ये समूहाच्या लेखांमध्ये पूर्वी तपशीलवार वर्णन केलेल्या अनेक कल्पना आणि तंत्रे आहेत. HTML5 ऑडिओ घटकांची उपस्थिती आणि प्रतिमांमधील संक्रमणाची शैली आकर्षक आहे.

Codrops संघाकडून आणखी एक विकास, पूर्ण वाढ झालेला आणि कार्यात्मक गॅलरीप्रतिमा, तथापि, त्यांचे वर्णन करण्यात काही अर्थ नाही, आपल्याला त्या पहाव्या लागतील.

प्रतिमा स्लाइडशो, चित्रे आपल्या डोळ्यांसमोर अदृश्य होतात, प्रभाव फक्त अद्भुत आहे.

jQuery लायब्ररीच्या वर तयार केलेली JavaScript इमेज गॅलरी फ्रेमवर्क आहे. वेब आणि मोबाइल उपकरणांसाठी व्यावसायिक प्रतिमा गॅलरी विकसित करण्याची प्रक्रिया सुलभ करणे हे उद्दिष्ट आहे. तुम्ही ते पॉप-अप विंडोमध्ये किंवा फुल स्क्रीन मोडमध्ये पाहू शकता.

आम्ही शांतपणे ते अंगवळणी पडू लागलो आहोत आणि Codrops टीमकडून नवीन कामांची वाट पाहत आहोत. पूर्ण स्क्रीन मोडमध्ये चित्रे पाहण्यासाठी कृपया भव्य 3D संक्रमण प्रभावासह उत्कृष्ट प्रतिमा स्लाइडर मिळवा.

स्लाइडशो आयोजक मालिकेतील आणखी एक वर्डप्रेस प्लगइन. जवळजवळ कोणत्याही डिझाइनमध्ये सहजपणे समाकलित होते आणि अनुभवी वापरकर्त्यांसाठी आणि गैर-अनुभवी वापरकर्त्यांसाठी देखील अनेक सानुकूलित पर्याय ऑफर करते.

वर्डप्रेससाठी लिहिलेले आणखी एक प्लगइन, ते आपल्या ब्लॉगवर चित्रांचा किंवा इतर कोणत्याही सामग्रीचा स्लाइडशो आयोजित करणे खूप सोपे करेल.

WordPress मध्ये एकत्रीकरणासाठी एक चांगला स्लाइडशो प्लगइन. Xili-floom-slideshow स्वयंचलितपणे स्थापित केला जातो आणि वैयक्तिक सेटिंग्जना देखील अनुमती आहे.

स्लिमबॉक्स2लाइटबॉक्स प्रभावासह प्रतिमा प्रदर्शित करण्यासाठी एक सुस्थापित वर्डप्रेस प्लगइन आहे. ब्राउझर विंडोमध्ये स्वयंचलित स्लाइडशो आणि प्रतिमांचा आकार बदलण्यास समर्थन देते. आणि सर्वसाधारणपणे, या प्लगइनचे या मालिकेतील इतर प्लगइनपेक्षा बरेच फायदे आहेत.

हे प्लगइन/विजेट तुम्हाला तुमच्या वेबसाइट किंवा वर्डप्रेस इंजिनवर चालणाऱ्या ब्लॉगसाठी डायनॅमिक, नियंत्रित स्लाइडशो आणि सादरीकरणे तयार करण्याची परवानगी देते.

हे वर्डप्रेस प्लगइन एम्बेड केलेल्या गॅलरी प्रतिमांना साध्या आणि लवचिक स्लाइडशोमध्ये रूपांतरित करते. प्लगइन FlexSlider jQuery इमेज स्लाइडर आणि वापरकर्ता वैयक्तिक सेटिंग्ज वापरते.

- हे वर्डप्रेस प्लगइनशुद्ध Javascript वापरून फोटो, SmugMug, Flickr, MobileMe, Picasa किंवा Photobucket RSS फीड, वर्क आणि डिस्प्ले मधील चित्रांचा स्लाइडशो आयोजित करण्यासाठी.

WordPress आणि अधिकसाठी एक साधा स्लाइडर. अनावश्यक किंवा अवजड काहीही नाही, काम किमान शैलीत केले जाते, स्थिरता आणि गतीवर भर दिला जातो, ते ब्लॉग व्यवस्थापन इंजिनशी उत्तम प्रकारे कनेक्ट होते.

माझ्या मते स्किटर हा एक आहे सर्वोत्तम स्लाइडरवर्डप्रेस सह समर्थन कार्य. मी ऑपरेशनची स्थिरता आणि गती, खूप प्रमुख नियंत्रणे, संक्रमण प्रभाव आणि थीमशी अगदी साधे कनेक्शन यामुळे आकर्षित झालो आहे.

वर्डप्रेससाठी एक प्लगइन आहे ज्याद्वारे तुम्ही तुमच्या वेबसाइटवर स्लाइड शो मोडमध्ये पाहण्याच्या क्षमतेसह इमेज गॅलरी सहजपणे आणि द्रुतपणे व्यवस्थित करू शकता. प्रतिमांसाठी लघुप्रतिमा आणि मथळ्यांच्या प्रात्यक्षिकांसह प्रदर्शन एकतर स्वयंचलित किंवा पूर्णपणे नियंत्रित केले जाऊ शकते.

ऑफ.साइट | डेमो

स्लाईड शो म्हणून पोस्ट/पेजसाठी सर्व चित्रे दाखवते. सोपे प्रतिष्ठापन. हे प्लगइन आवश्यक आहे Adobe Flashसंक्रमण ॲनिमेशनसह आवृत्तीसाठी, फ्लॅश न मिळाल्यास, स्लाइडर सामान्य मोडमध्ये कार्य करते.

दुसरा साधे स्लाइडरवर्डप्रेससाठी, पोस्ट आणि लहान लेख घोषणांसाठी प्रतिमा प्रदर्शित करते. मी या ब्लॉगवर वेळोवेळी असेच प्लगइन वापरतो.

Meteor Slides एक jQuery वर्डप्रेस स्लाइडर आहे ज्यामधून निवडण्यासाठी वीस पेक्षा जास्त संक्रमण शैली आहेत. लेखकाने प्लगइनला "उल्का" म्हटले, कदाचित ऑपरेशनची गती सूचित करते;

oQey गॅलरी ही अंगभूत व्हिडिओ आणि संगीत क्षमतांसह वर्डप्रेससाठी स्लाइडशो घटकांसह संपूर्ण प्रतिमा गॅलरी आहे.

वेबसाइट आणि ब्लॉगवर प्रतिमा आणि व्हिडिओ पाहण्यासाठी फ्लॅश ॲनिमेशन घटकांसह हा स्लाइडशो आहे. तुम्ही हा स्लाइडर कोणत्याही वेबसाइटवर, कोणत्याही आकारात आणि तुम्हाला आवडणाऱ्या कोणत्याही सामग्रीसह ठेवू शकता.

फ्लॅश गॅलरी प्लगइन तुमच्या नियमित गॅलरींना प्रति पोस्ट अनेक अल्बम, पूर्ण स्क्रीन पाहणे आणि स्लाइडशो मोडसाठी समर्थनासह, आकर्षक प्रतिमा भिंतींमध्ये बदलते.

WOW स्लाइडर हे वर्डप्रेससाठी उत्कृष्ट असलेले jQuery इमेज स्लाइडर आहे व्हिज्युअल प्रभाव(बर्स्ट, फ्लाय, ब्लाइंड्स, स्क्वेअर्स, फ्रॅगमेंट्स, बेसिक, फेड, स्टॅक, व्हर्टिकल स्टॅक आणि लीनियर) आणि व्यावसायिकरित्या डिझाइन केलेले टेम्पलेट्स.

प्रमोशन स्लाइडर हे एक jQuery प्लगइन आहे जे एक साधा स्लाइडशो तयार करणे किंवा पृष्ठावर फिरणाऱ्या जाहिरातींचे एकापेक्षा जास्त झोन अंमलात आणणे सोपे करते, कारण ते अत्यंत सानुकूल करण्यायोग्य साधन आहे, तुम्ही स्लाइडरमध्ये काय दाखवता आणि कसे दाखवता यावर तुमचे पूर्ण नियंत्रण असेल. मॉड्यूल सामान्यतः कार्य करते.

| डेमो

आवृत्ती 2.4 मध्ये नवीन: वर्डप्रेस संपादकाद्वारे थेट ड्रॅग-एन-ड्रॉप फोटो क्रमवारीसाठी समर्थन, तसेच मुख्य प्रतिमांमध्ये फोटो लिंक जोडण्याची क्षमता. (IE8 मध्ये काही बग असू शकतात, सर्व प्रमुख ब्राउझरमध्ये चांगले कार्य करते. लेखक भविष्यात IE8 साठी पूर्ण समर्थन देण्याचे वचन देतात.)

| डेमो

या पुनरावलोकनाची अंतिम जीवा वर्डप्रेससाठी हे प्लगइन असेल, प्रतिमा निवडण्यासाठी आणि बदलण्यासाठी मनोरंजक व्हिज्युअल इफेक्टसह आणखी एक स्लाइडर.

मी वर वर्णन केलेल्या सर्व गोष्टी पाहतो आणि आश्चर्यचकित झालो, या माणसांकडे किती विलक्षण फ्लाइट आहे, परंतु हे सर्व काही नाही जे विविध वेब डेव्हलपर्सने तयार केले आहे. अलीकडेवेब प्रकल्पांवर प्रतिमा आयोजित करण्याच्या विषयावर. हे छान आहे की गॅलरी आणि स्लाइड शो तयार करण्यासाठी अशा आश्चर्यकारक उपायांची अंमलबजावणी करणे आता शक्य आहे.
मी शांतपणे आशा करतो की या संग्रहात तुम्हाला तुमच्यासाठी काहीतरी मनोरंजक सापडेल, तुमची स्वतःची अनोखी गॅलरी किंवा स्लाइडर तयार कराल, तुमच्या वापरकर्त्यांना आणि अर्थातच, तुमच्या प्रिय व्यक्तीच्या आनंदासाठी आणि याशिवाय आम्ही कुठे असू...

आज आम्ही jQuery फ्लिपिंग गॅलरी प्लगइन पाहू, जे तुम्हाला अगदी मूळ संक्रमणासह छान इमेज गॅलरी तयार करण्यास अनुमती देते. उदाहरणामध्ये हे प्लगइन वापरून 5 प्रकारची संक्रमणे आहेत. प्लगइन वापरण्यास खरोखर खूप सोपे आहे, त्यामुळे कोणीही ते पूर्णपणे वापरू शकतो.

एक उदाहरण येथे पाहिले जाऊ शकते:

डाउनलोड करा

वरती डावीकडे दिसणाऱ्या मेनूसह, डेमो 2 वरून मेनू कसा तयार करायचा ते आम्ही जवळून पाहू.

HTML भाग

प्रथम तुम्हाला jQuery लायब्ररी कनेक्ट करणे आवश्यक आहे, जे तुम्ही डाउनलोड करू शकता आणि फ्लिपिंग गॅलरी प्लगइन, टॅग दरम्यान :

मग आम्ही प्रतिमा व्यवस्थित करतो. आपण आपल्या आवडीनुसार अनेक प्रतिमा जोडू शकता:

1 2 3 4 5 6 7 8

<div वर्ग = "गॅलरी" > <a href = "#" > <a href = "#" > <a href = "#" > <a href = "#" > <a href = "#" > ... </div>

आणि प्रतिमांसाठी वर्णन जोडण्यासाठी (डेमो 4 आणि 5 प्रमाणे) तुम्हाला विशेषता वापरण्याची आवश्यकता आहे डेटा-मथळा:

1 2 3 4 5 6 7 8

<div वर्ग = "गॅलरी" > <a href = "#" data-caption = "खूप" > <a href = "#" data-caption = "cool" > <a href = "#" data-caption = "gallery" > <a href = "#" data-caption = "वापरून" > <a href = "#" data-caption = "flipping" > ... </div>

जेएस भाग

चला प्रत्येक पद्धतीचा अर्थ काय ते पाहूया:

• दिशा— प्रतिमा कशा दिसतील यासाठी जबाबदार असलेली पद्धत. जर "फॉरवर्ड" असेल, तर सुरुवातीपासूनची प्रतिमा शेवटी ठेवली जाईल, जर "मागे" - उलट. डीफॉल्ट मूल्य "फॉरवर्ड" आहे.
• निवडकर्ता- एक निवडकर्ता ज्याद्वारे आम्ही प्रतिमा निवडतो;
• अंतर— दृष्टीकोनातील प्रतिमांमधील अंतर सेट करते.
• कमाल दाखवा— वापरकर्त्याला दृश्यमान असलेल्या प्रतिमांची संख्या सेट करते. आपण किमान 100 प्रतिमा वापरू शकता, परंतु केवळ पहिल्या 15 दर्शविल्या जातील, जे अतिशय सोयीस्कर आहे आणि ब्राउझर लोड करत नाही.
• स्क्रोल सक्षम करा- तुम्ही माउस व्हील वापरून प्रतिमा पाहू शकता.
• फ्लिप दिशा— प्रतिमा कुठे सरकेल हे ठरवते: “डावीकडे” - डावीकडे, “उजवीकडे” - उजवीकडे, “वर” - वर आणि “तळाशी” - खाली. डीफॉल्टनुसार ते खाली सरकते.
• ऑटो प्ले- गॅलरी ऑटोस्टार्ट. हे मिलिसेकंदांमध्ये निर्दिष्ट केले आहे, म्हणजे. प्रतिमा बदलण्यासाठी किती वेळ लागेल?

निष्कर्ष

तुमचे फोटो पोस्ट करताना वापरण्यासाठी तुमच्याकडे आता एक आकर्षक गॅलरी आहे.

इमेज गॅलरी आणि स्लाइडर हे काही सर्वात लोकप्रिय jQuery स्वरूप आहेत. त्यांचे आभार, आपण मौल्यवान जागा वाचवताना आपल्या साइटवर आवश्यक प्रमाणात व्हिज्युअल सामग्री जोडू शकता.

गॅलरी आणि स्लाइडर पृष्ठ कमी व्यस्त करतात, परंतु तरीही तुम्हाला तुमचा संदेश देण्यासाठी आवश्यक असलेल्या सर्व प्रतिमा जोडण्याची परवानगी देतात. ते विशेषतः ऑनलाइन स्टोअरसाठी उपयुक्त असतील.

आजच्या लेखात, आम्ही तुमच्यासाठी सर्वोत्कृष्ट jQuery इमेज गॅलरी आणि स्लाइडर गोळा केले आहेत.

ते स्थापित करण्यासाठी, फक्त निवडलेले प्लगइन हेड विभागात जोडा HTML पृष्ठे jQuery लायब्ररीसह आणि दस्तऐवजीकरणानुसार कॉन्फिगर करा (कोडच्या फक्त दोन ओळी).

यापैकी कोणते घटक तुमच्या प्रोजेक्टमध्ये उत्तम प्रकारे बसतात ते निवडा.

1. बूटस्ट्रॅप स्लाइडर

बूटस्ट्रॅप स्लाइडर - विनामूल्य, यासाठी ऑप्टिमाइझ केलेले मोबाइल उपकरणेस्पर्श आणि स्वाइप स्क्रोलिंगसह प्रतिमा स्लाइडर. हे कोणत्याही स्क्रीनवर आणि कोणत्याही ब्राउझरमध्ये आश्चर्यकारक दिसेल. तुम्ही प्रतिमा, व्हिडिओ, मजकूर, लघुप्रतिमा आणि बटणे स्लाइडरमध्ये लोड करू शकता.

2. उत्पादन पूर्वावलोकन स्लाइडर

उत्पादन पूर्वावलोकन स्लाइडर jQuery ची पूर्ण क्षमता दर्शवते आणि कोणत्याही इंटरफेसमध्ये पूर्णपणे फिट होते. आपण या प्लगइनच्या कोडची गुणवत्ता आणि स्वच्छतेमुळे देखील खूश व्हाल.

3. विस्तारण्यायोग्य प्रतिमा गॅलरी

विस्तारण्यायोग्य प्रतिमा गॅलरी हे एक आश्चर्यकारक प्लगइन आहे जे एका क्लिकने पूर्ण-स्क्रीन गॅलरीमध्ये बदलते. हे "आमच्याबद्दल" विभागासाठी किंवा उत्पादन माहिती पाहण्यासाठी वापरले जाऊ शकते.

4. फोटोरामा

Fotorama हे एक प्रतिसादात्मक jQuery गॅलरी प्लगइन आहे जे डेस्कटॉप आणि डेस्कटॉप दोन्हीसाठी कार्य करते. मोबाइल ब्राउझर. हे विविध प्रकारचे नेव्हिगेशन पर्याय ऑफर करते: लघुप्रतिमा, स्क्रोलिंग, फॉरवर्ड आणि बॅक बटणे, स्वयंचलित स्लाइडशो आणि बुलेट.

5. इमर्सिव्ह स्लाइडर

इमर्सिव्ह स्लाइडर तुम्हाला Google TV स्लाइडर प्रमाणेच एक अद्वितीय स्लाइड पाहण्याचा अनुभव तयार करण्याची अनुमती देतो. मुख्य फोटो फोकसमध्ये ठेवण्यासाठी तुम्ही पार्श्वभूमी प्रतिमा अस्पष्ट करण्यासाठी बदलू शकता.

6. कमीत कमी

Leastjs हे एक प्रतिसाद देणारे jQuery प्लगइन आहे जे तुम्हाला एक अद्भुत गॅलरी तयार करण्यात मदत करेल. जेव्हा तुम्ही प्रतिमेवर कर्सर फिरवता तेव्हा मजकूर दिसतो, जेव्हा तुम्ही क्लिक करता तेव्हा विंडो पूर्ण स्क्रीनवर विस्तृत होते.

7. स्लाइडिंग पॅनेल टेम्पलेट

हे प्लगइन पोर्टफोलिओसाठी आदर्श आहे. हे क्षैतिजरित्या (छोट्या स्क्रीनवर अनुलंब) व्यवस्था केलेल्या प्रतिमांचे ब्लॉक तयार करेल ज्यात निवडलेल्या सामग्रीचा दुवा साधला जाईल.

8. Squeezebox पोर्टफोलिओ टेम्पलेट

Squeezebox Portfolio Template तुमच्या पोर्टफोलिओसाठी मोशन इफेक्ट ऑफर करते. जेव्हा तुम्ही मुख्य प्रतिमेवर फिरता (किंवा ब्लॉक), तेव्हा अँकर केलेले घटक दिसतात.

9. प्रतिमा शफल करा

शफल इमेजेस हे एक अप्रतिम प्रतिसाद देणारे प्लगइन आहे जे तुम्हाला हॉव्हरवर बदलणाऱ्या प्रतिमांसह गॅलरी तयार करण्यास अनुमती देते.

10. मोफत jQuery लाइटबॉक्स प्लगइन

विनामूल्य jQuery लाइटबॉक्स प्लगइन तुम्हाला एका पृष्ठावर एक किंवा अधिक प्रतिमा दर्शविण्यास मदत करेल. ते मोठे केले जाऊ शकतात आणि त्यांच्या मूळ आकारात परत येऊ शकतात.

11. PgwSlider – jQuery साठी रिस्पॉन्सिव्ह स्लायडर

PgwSlider हा मिनिमलिस्टिक इमेज स्लाइडर आहे. jQuery कोड हलका आहे, त्यामुळे या प्लगइनची लोडिंग गती तुम्हाला आनंदाने आश्चर्यचकित करेल.

12. विखुरलेली पोलरॉइड गॅलरी

स्कॅटर्ड पोलरॉइड्स गॅलरी सपाट डिझाइनसह एक जबरदस्त स्लायडर आहे. प्रतिमा बदलताना त्याचे घटक अव्यवस्थितपणे हलतात, जे आश्चर्यकारक दिसते.

13. बाउंसी सामग्री फिल्टर

बाउंसी कंटेंट फिल्टर हे पोर्टफोलिओसाठी एक आदर्श उपाय आहे. हे प्लगइन वापरकर्त्यांना त्वरीत एका श्रेणीतून दुसऱ्या श्रेणीत जाण्याची परवानगी देते.

14. साधे jQuery स्लाइडर

सिंपल jQuery स्लाइडर त्याच्या नावाप्रमाणे जगतो. हे प्लगइन JavaScript, HTML5 आणि CSS3 चे घटक एकत्र करते. डीफॉल्ट डेमो केवळ मजकूर लोड करण्याची परवानगी देतो, परंतु आपण काही बदल केल्यास, आपण दृश्य सामग्री देखील जोडू शकता.

15. ग्लाइड JS

Glide JS हा एक साधा, जलद आणि प्रतिसाद देणारा jQuery स्लाइडर आहे. हे कॉन्फिगर करणे सोपे आहे आणि प्लगइन जास्त जागा घेत नाही.

16. पॅरलॅक्ससह फुलस्क्रीन ड्रॅग-स्लायडर

प्रतिमा आणि मजकूर लोड करण्याच्या क्षमतेसह हे आश्चर्यकारक jQuery स्लाइडर कोणत्याही वेबसाइटसाठी योग्य आहे. हे वापरकर्त्यांना थोडा पॅरॅलॅक्स प्रभाव आणि मंद मजकूर दिसण्यास आनंदित करेल.

दिमित्री सेमेनोव्ह यांनी
jQuery प्रतिमा गॅलरी आणि सामग्री स्लाइडर प्लगइन आहे. हे पूर्णपणे प्रतिसाद देणारे, स्पर्श-अनुकूल आहे आणि त्यात मॉड्यूलर आर्किटेक्चर आहे जे तुम्हाला फाइल आकार आणि कार्यप्रदर्शन ऑप्टिमाइझ करण्यासाठी आवश्यक असलेली वैशिष्ट्ये समाविष्ट करण्यास अनुमती देते.

अँडी द्वारे - कॉफीस्क्रिप्टर
jQuery साठी अत्यंत सानुकूल करण्यायोग्य गॅलरी/शोकेस प्लगइन.

ट्रेंट द्वारे
गॅलेरिफिक हे एक jQuery प्लगइन आहे जे बँडविड्थ जतन करताना उच्च व्हॉल्यूम फोटो हाताळण्यासाठी ऑप्टिमाइझ केलेला समृद्ध, पोस्ट-बॅक फ्री अनुभव प्रदान करते.

टॉनिक गॅलरी - jQuery XML पोर्टफोलिओ गॅलरी | $6

Aino द्वारे
Galleria हे jQuery लायब्ररीच्या वर बनवलेले JavaScript इमेज गॅलरी फ्रेमवर्क आहे. वेब आणि मोबाइल उपकरणांसाठी व्यावसायिक प्रतिमा गॅलरी तयार करण्याची प्रक्रिया सुलभ करणे हे उद्दिष्ट आहे.

CatchMyFame द्वारे
दुसऱ्या दिवशी मी jQuery वापरून पृष्ठावरील प्रतिमांच्या संचाच्या दरम्यान फिकट होण्याचा सोपा मार्ग शोधत होतो. म्हणून, एक कोडर असल्याने, मी माझे स्वतःचे प्लगइन तयार करण्यास निघालो.

थॉमस कान द्वारे
स्मूथ डिव्ह स्क्रोल हे एक jQuery प्लगइन आहे जे आडवे किंवा उजवीकडे आशय स्क्रोल करते. jQuery साठी लिहिलेल्या इतर अनेक स्क्रोलिंग प्लगइन्स व्यतिरिक्त, स्मूथ डिव्ह स्क्रोल स्क्रोलिंगला वेगळ्या पायऱ्यांपर्यंत मर्यादित करत नाही.

व्हिक्टर झांब्रानो द्वारे – frwrd.net
Minishowcase ही एक छोटी आणि साधी php/javascript ऑनलाइन फोटो गॅलरी आहे, AJAX द्वारे समर्थित जी तुम्हाला जटिल डेटाबेसेस किंवा कोडिंगशिवाय तुमच्या प्रतिमा सहजपणे ऑनलाइन दाखवू देते, काही मिनिटांत एक अप-आणि-रनिंग गॅलरी ठेवण्याची परवानगी देते.

कॅस्पर डेव्हिड फ्रेडरिक द्वारे
EOGallery ही jQuery ने बनवलेली वेब ॲनिमेटेड स्लाइडशो गॅलरी आहे. मोठ्या चित्रे प्रदर्शित करण्यासाठी हे फक्त मूलभूत jQuery फंक्शन्स आणि कोडी लिंडलीचा थिकबॉक्स वापरते.

अर्नॉल्ट पाचोट द्वारे
jQuery साठी एक मल्टी-फॉर्मेट कॅरोसेल, एकापेक्षा जास्त मीडियाला समर्थन देणारा नॉन-ऑब्स्ट्रसिव्ह आणि ऍक्सेसिबल पोर्टफोलिओ: फोटो, व्हिडिओ (flv), ऑडिओ (mp3). jQuery साठी हे प्लगइन प्रत्येक मीडियाचा विस्तार आपोआप ओळखेल आणि अनुकूल प्लेअर लागू करेल.

द वॉल – मीडिया गॅलरी – jQuery समर्थित | $५

स्टीफन पेट्रे यांनी
स्पेस इफेक्टसह आणखी एक इमेज गॅलरी प्लगइन, अतिशय हलके आणि साधे प्लगइन.

मोरेनो डी डोमेनिको द्वारे
jmFullWall हे प्रभावी पोर्टफोलिओ तयार करण्यासाठी jQuery प्लगइन आहे.

Fabrizio Calderan द्वारे
Mosaiqy हे Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome आणि IE7+ वर काम करणारे फोटो पाहण्यासाठी आणि झूम करण्यासाठी jQuery प्लगइन आहे. फोटो JSON/JSONP डेटा स्ट्रक्चरमधून पुनर्प्राप्त केले जातात आणि यादृच्छिकपणे ग्रिडमध्ये हलवले जातात. सर्व महाग ॲनिमेशन्स तुमच्या GPU द्वारे CSS3 संक्रमणे वापरून अलीकडील ब्राउझरवर घेतले जातात, CPU ओव्हरहेड कमी करतात.

कोडी द्वारे
खालील jQuery प्लगइन अनेक पर्यायांसह प्रतिमांच्या संचाचे एका लहान गॅलरीत रूपांतर करते. मायक्रो इमेज गॅलरी ग्रिड व्ह्यूमध्ये स्विच करण्याची परवानगी देते जे लघुप्रतिमा म्हणून प्रतिमांचे पूर्वावलोकन आणि फक्त एक प्रतिमा दर्शवणारे एकल दृश्य दर्शवते.

VION – jQuery इमेज गॅलरी प्लगइन | $७

Malihu द्वारे
jQuery फ्रेमवर्क आणि काही सोप्या CSS सह तयार केलेली एक साधी, तरीही मोहक फुलस्क्रीन इमेज गॅलरी.