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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

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

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

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


Lightbox साथ draggable अनंत ग्रिड - बिक्री के लिए WorldWideScripts.net आइटम

Ads

Ad: Bluehost hosting

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

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

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

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

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

डेमो सैमसंग गैलेक्सी एस 3 ( Android )पर चल रहा है देखो . याडेमो iPad ( आईओएस ) पर चल रहा है देखो .

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

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

चार प्रकार के प्रदर्शन शामिल हैं: तरल पदार्थ चौड़ाई, पूर्ण स्क्रीन, लचीला और lightbox ( उदाहरण देखें !) .

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

अपनी छवियों को प्रदर्शित करने का अनोखा तरीका !मूल रूप से ग्रिड को किसी भी दिशा में अनिश्चित काल तक घसीटा जा सकता है और नए थंबनेल प्रदर्शित किया जाएगा, यह संभव बनाता है जो इस ग्रिड के हुड के पीछे एक जटिल गणितीय एल्गोरिथ्म है . छवियों की बड़ी संख्या के लिए समर्थन.

अनुकूलन थंबनेल ज्यामिति और रंग विषय : इस सुविधा के लिए आपको थंबनेल ' आकार और पृष्ठभूमि रंग बदलने के लिए अनुमति देता है.थंबनेल पारदर्शी उपरिशायीयह चयनित नहीं है जब एक थंबनेल पर प्रकट होता है, जो एक पारदर्शी रंग का डिब्बा, इस बॉक्स के लिए रंग और अस्पष्टता ( वैकल्पिक) विकसित कर रहे हैं .

थंबनेल छोटे चिह्नथम्बनेल चयनित होने पर दिखाई देते हैं जो छोटे चिह्न, इन चिह्नों तीन प्रकार ( वीडियो, लिंक और छवि ) ( वैकल्पिक) के हैं .

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

नेविगेशन एनिमेटेड सहायता स्क्रीन ( वैकल्पिक) .

Mousewheel समर्थन, स्क्रॉल दिशा खड़ी या क्षैतिज ( वैकल्पिक) करने के लिए सेट किया जा सकता है .

Fullscreen बटन ( वैकल्पिक) .

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

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

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

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

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

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

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

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

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

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

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

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

अपडेट्स

2013/03/27 - Windows8 मेट्रो और डेस्कटॉप से संबंधित फिक्स्ड कीड़े .

2013/02/07 - ग्रिड क्षैतिज या दोनों, खड़ी घसीटा जा करने की अनुमति है, जो एक फीचर जोड़ा गया.

2013/06/03 - कीड़े की एक श्रृंखला फिक्स्ड और माउस पहिया के लिए समर्थन, ग्रिड माउस पहिया (वैकल्पिक ) का उपयोग क्षैतिज या खड़ी scrolled जा सकता है इस तरह से जोड़ा.


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

गुण

अंतिम अद्यतन 28:
13 मार्च , संगत ब्राउज़र्स

कीवर्ड