इसे व्यक्त

ऐसा नहीं है कि वहाँ केवल कुछ है Lightbox है कि आप पा सकते हैं जब आप गूगल कर रहे हैं. lightboxes है कि मैंने पाया की अधिकांश के साथ मुद्दा था कि वे सभी एक या अन्य JQuery, प्रोटोटाइप, MooTools और पसंद की तरह भारी वजन जावास्क्रिप्ट frameworks का उपयोग करने के लिए लग रहा था. वे सब शांत और ठाठ देख रहे हैं. लेकिन यदि आपकी आवश्यकता है "लेकिन मैं अपनी साइट के लिए एक सरल और हल्के lightbox स्क्रिप्ट चाहते हैं", तो यहाँ यह है;

इस lightbox की कुछ अच्छी सुविधाएँ

1. बहुत हल्का
   . 4kb लिपियों जब पैक (केबी unpacked किया 8)
   ख. 2 सीएसएस का केबी
   ग. Lightbox कंटेनर के लिए HTML की कुछ पंक्तियाँ
2. सरल समझने के लिए और लागू
3. एक ही पृष्ठ पर एकाधिक Lightboxes हो सकता है.
4. वही lightbox कंटेनर को दिखाने के लिए, विभिन्न सामग्री (जो अलग - अलग पृष्ठ में छिपा डिवीजनों के रूप में शामिल है), लिंक / विकल्प है कि क्लिक किए जाने पर निर्भर करता है प्रयोग किया जाता है.
5. स्वतः ही केंद्र है, जैसे, विंडो ऊंचाई और चौड़ाई (स्क्रीन संकल्प), पृष्ठ स्क्रॉल राशि और lightbox की सामग्री की ऊंचाई सभी कारकों को ध्यान में ले
6. IE 7 एंड स्मूथरिंग में परीक्षण

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1810 बार डाउनलोड)

jo.js, jo_pack.js [पैक संस्करण]: जावास्क्रिप्ट वस्तुओं का एक सरल सेट [जो], जो तत्व खिड़की, और दस्तावेज़ पोजीशनिंग स्क्रिप्ट शामिल हैं. आप JO.JS खुला अगर आप कुछ उन्नत Javascripting, सार कार्यों बनाने के साथ अपने हाथ गंदे हो सकते हैं, तत्व गुण और इस तरह के विस्तार. यदि आप Javascripting में भी ज्यादा नहीं है, यह अकेला छोड़ दो.

lightbox.js, lightbox_pack.js [पैक संस्करण: प्रकाश बॉक्स प्रबंधक लिपियों होते. यदि आप पेज डिजाइनर पृष्ठ पर lightbox को लागू करने के साथ भी जिम्मेदार हैं, तो आप LightBoxManager समझने की जरूरत है. LightBoxManager मूल रूप से सिर्फ दो कार्यों showLightBox और closeLightBox शामिल हैं.

lightbox.css: - यदि आप सीएसएस पता है, आप आसपास lightbox.css के साथ खेलने के लिए देखो lightbox.css पता लग रहा है अनुकूलित कर सकते हैं

index.html: दो अलग अलग सामग्री के साथ lightbox का नमूना कार्यान्वयन

lb_underlay_bkg.png: - यह प्रकाश / सिमी पारदर्शी छवि lightbox बुनियाद के लिए पृष्ठभूमि में प्रयोग किया जाता है [बुनियाद lighbox नीचे परत है, जो पृष्ठ पर किसी अन्य संस्था को क्लिक करने से उपयोगकर्ता को रोकता है, जबकि lightbox खुला है]. आप इस उद्देश्य के लिए किसी भी छवि या यहाँ तक कि एक ठोस रंग का उपयोग करें, पृष्ठ डिजाइन और आवश्यकता के आधार पर कर सकते हैं.

icon_lb_close.gif: प्रकाश बॉक्स के ऊपरी दाएँ भाग पर करीब lightbox संभाल के लिए छवि. डिजाइन के अनुसार किसी भी छवि का उपयोग कर सकते हैं

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1810 बार डाउनलोड)

कृपया हमें अपनी टिप्पणियाँ और प्रतिक्रिया ...