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 / Images and Media

Responsive Slideshow Photo Gallery Grid

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

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

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

उत्तरदायी स्लाइड शो फोटो गैलरी एक तरल पदार्थ / लचीला / संवेदनशील लेआउट है। असल में ग्रिड अपने chosing के एक div में एक HTML पृष्ठ में जोड़ा जाता है और यह कि div की चौड़ाई के आधार पर अनुकूल ढालने है, ग्रिड ऊंचाई थंबनेल की संख्या के आधार पर संशोधित किया गया है और अन्य तत्वों ग्रिड div नीचे हैं, तो वे स्वचालित रूप से नीचे धक्का दे दिया जाएगा (दस्तावेज़ प्रवाह)। दिए गए उदाहरणों में आप अन्य विन्यास संभव हो रहे हैं कि निश्चित रूप से, इस ग्रिड का उपयोग हो सकता है जिसमें कुछ तरीके से देख सकते हैं (इस उदाहरण के कोड डाउनलोड फ़ाइलों में प्रदान की जाती है कि कृपया ध्यान दें)।

जावा स्क्रिप्ट कोड शुद्ध OOP, jQuery या अन्य पुस्तकालयों का कोई उपयोग, इस तरह से jQuery या अन्य जावास्क्रिप्ट पुस्तकालयों का उपयोग किया जा सकता है कि HTML पृष्ठों के साथ कोई असंगति नहीं होगा।

उत्तरदायी स्लाइड शो फोटो गैलरी एचटीएमएल 5 मानकों का प्रयोग GPU (हार्डवेयर त्वरण) का उपयोग किया जाता है। गति प्रदान करने और प्रदर्शन डेस्कटॉप कंप्यूटर पर निर्दोष है और सबसे महत्वपूर्ण बात यह मोबाइल उपकरणों पर है, और अगर यह CSS3 के इस्तेमाल करने की कोशिश करेंगे और यह उपलब्ध नहीं है, तो यह IE7 और IE8 जैसे पुराने ब्राउज़र के लिए सीएसएस 2 या सीएसएस 1 करने के लिए नीचे गिर जाएगा तरह काम करता है।

मोबाइल उपकरणों पर अच्छा प्रदर्शन किया है, आप!, यह कोडित और मोबाइल उपकरणों के लिए अनुकूलित किया गया था कि यह सिर्फ एक देशी app की तरह चलता है कि वीडियो डेमो में देख सकते हैं और यह डेस्कटॉप कंप्यूटर पर 100% मोबाइल संगत और निश्चित रूप से यह चलेगा बस के रूप में महान है IE7 और IE8 जैसे पुराने ब्राउज़र पर शामिल है। हम IPAD3 (आईओएस) पर और एक सैमसंग आकाशगंगा S3 (Android) पर यह परीक्षण किया है और यह दोनों उपकरणों पर महान चलाता है, नीचे इस डेमो देखने के लिए संपर्क कर रहे हैं।
डेमो सैमसंग गैलेक्सी एस 3 (Android) पर चल देखो या iPad (आईओएस) पर चल रहे प्रदर्शन देखें।

ग्रिड मुख्य विशेषताएं

लचीले / द्रव लेआउट: आप मूल रूप से यह है कि यह परियोजना के किसी भी प्रकार के लिए आदर्श उम्मीदवार बनाता है जो एक अनुकूलनीय लेआउट है, सीएसएस या जावास्क्रिप्ट के साथ ग्रिड के आकार को नियंत्रित कर सकते हैं।

पूरे रंग विषय संशोधित किया जा सकता है।

अनुकूलन थंबनेल आकार और ज्यामिति: इस सुविधा के लिए आपको थंबनेल का आकार और थंबनेल के बीच की जगह बदलने के लिए अनुमति देता है।

अनुकूलन थंबनेल सीमा और पृष्ठभूमि: प्रत्येक झलक एक सीमा है और एक पृष्ठभूमि है सकते हैं, थम्बनेल की पृष्ठभूमि रंग, सीमा के आकार और सीमा के रंग अनुकूलन कर रहे हैं।

थंबनेल वर्णन: प्रत्येक अंगूठे के तहत यह एक पारदर्शी पृष्ठभूमि के साथ एक संक्षिप्त विवरण हो सकते हैं और माउस एक थंबनेल पर, पाठ सीएसएस के साथ प्रारूपित किया जा सकता है जब इस विवरण से दिखाई देता है, पृष्ठभूमि रंग और अस्पष्टता भी (वैकल्पिक) संशोधित किया जा सकता है।

"लोड अधिक थंबनेल सुविधा": इस वजह से नहीं सभी थंबनेल भरी हुई है और एक बार में प्रदर्शित कर रहे हैं इस तरह से लोडिंग के समग्र प्रदर्शन और गति में सुधार है जो एक भयानक सुविधा है। आप 120 थंबनेल के एक कुल की है उदाहरण के लिए यदि आप 50 थंबनेल के सेट में उन्हें दिखा सकते हैं, और इसलिए शुरू में ग्रिड में 50 थंबनेल का पहला सेट भरी हुई है और प्रदर्शित कर रहे हैं, और जब "लोड अधिक थंबनेल" बटन अगले दबाया जाता है 50 थंबनेल के सेट भरी हुई है और दिखाया और "लोड अधिक थंबनेल" बटन को फिर से दबाया जाता है जब अंत में 20 शेष थंबनेल से पता चला रहे हैं। थंबनेल की संख्या सेट अनुकूलन है प्रति, इसे आप विचार है कि किसी भी संख्या हो सकती है 50 होने की जरूरत नहीं है लोड करने के लिए। यह सभी थंबनेल भरी हुई है और प्रदर्शित कर रहे हैं विकलांग है तो यह सुविधा वैकल्पिक है।

कस्टम प्रेस थंबनेल कार्रवाई: थम्बनेल दबाया जाता है जब आप चुन सकते हैं या तो हम कोडित है, जो एक मूल मीडिया Lightbox प्रदर्शित करने के लिए, या एक नया वेबपेज, इस वेबपेज के यूआरएल और लक्ष्य निर्दिष्ट किया जा सकता खोलने के लिए। Lightbox छवियों को प्रदर्शित कर सकते हैं, या यूट्यूब या Vimeo से भरी हुई वीडियो प्रदर्शित कर सकते हैं।

Lightbox मुख्य विशेषताएं

लचीले / द्रव लेआउट: lighbox हमेशा उपलब्ध ब्राउज़र व्यूपोर्ट भर जाएगा।

पूरे रंग विषय संशोधित किया जा सकता है।

Vimeo और यूट्यूब का समर्थन: आप सभी के लिए है आप प्रदर्शित करने के लिए और lighbox प्रदर्शित करने और अपने वीडियो खेलेंगे चाहते हैं कि यूट्यूब या Vimeo वीडियो से लिंक शामिल करने के लिए है। प्रत्येक वीडियो का आकार (चौड़ाई और ऊंचाई) आसानी से सेट किया जा सकता है।

छवियों के लिए ज़ूम और panning समर्थन: आप में और एक छवि बाहर ज़ूम कर सकते हैं और आप छवि पैन कर सकते हैं, इस तरह से आप महान विस्तार (वैकल्पिक) में छवि देख सकते हैं।

स्लाइड शो बटन (वैकल्पिक)।

स्लाइड शो देरी, स्लाइड शो की देरी सेकंड में स्थापित किया जा सकता है।

स्लाइड शो ऑटोप्ले।

कस्टम एनिमेटेड ग्राफिक्स स्लाइड शो।

अगले और पिछले बटन नेविगेशन (वैकल्पिक)।

जानकारी बटन और जानकारी खिड़की: प्रत्येक lighbox मद विवरण, पाठ और खिड़की उपस्थिति सीएसएस (वैकल्पिक) के साथ प्रारूपित किया जा सकता हो सकता है।

अनुकूलन सीमा और पृष्ठभूमि: सीमा आकार और रंग और भी मुख्य पृष्ठभूमि रंग अनुकूलन कर रहे हैं।

कीबोर्ड का समर्थन: बाएँ और दाएँ तीर नेविगेशन (वैकल्पिक) के लिए इस्तेमाल किया जा सकता है।

अद्यतन

19.02.2013 - एक थंबनेल चुना जाता है जब हम इस ग्रिड के लिए एक नई सुविधा जोड़ी है, वे चुने जाते हैं जब थंबनेल पर मीडिया प्रतीक जोड़ने के लिए विकल्प है, अब आप थंबनेल विवरण मीडिया माउस या "कोई नहीं" के बीच चुना जा सकता है।

07.03.2013 - Lightbox से संबंधित कुछ कीड़े फिक्स्ड और मोबाइल का पता लगाने के लिए बेहतर समर्थन जोड़ा गया।


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

गुण

बनाया गया:
15 जनवरी 13

आखिरी अपडेट:
8 मार्च 13

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

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

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

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, CSS3, गतिशील, लचीला, तरल पदार्थ, ग्रिड, एचटीएमएल 5, प्रकाश बॉक्स, मीडिया, उत्तरदायी, Vimeo, यूट्यूब