कैसे एक सरल जावास्क्रिप्ट स्लाइड शो बनाने के लिए

जावास्क्रिप्ट, भी रूप में जाना जे एस, डोम (दस्तावेज़ ऑब्जेक्ट मॉडल) तत्व संचालित करने के लिए प्रयोग किया जाता एक वेब स्क्रिप्टिंग भाषा है। यह एक पार मंच प्रौद्योगिकी HTML में ऑब्जेक्ट के साथ सहभागिता करने के लिए है। HTML में विभिन्न अलग-अलग ऑब्जेक्ट्स तक पहुँचने से, आप भी शुद्ध जावास्क्रिप्ट कोड के साथ एक सरल जावास्क्रिप्ट स्लाइड शो का एहसास सकता है।

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

तुम भी W3C.com पर जावास्क्रिप्ट कोर्स सीखने के द्वारा एक बेहतर जावास्क्रिप्ट स्लाइड शो के लिए जावास्क्रिप्ट कोड का विस्तार करने के लिए एक उन्नत जावास्क्रिप्ट प्रोग्रामर बन सकता है। अब कैसे कदम से कदम अप एक सरल जावास्क्रिप्ट स्लाइड शो सेट करें देखें।

1 जे एस स्लाइड शो कोड उदाहरण से प्रारंभ करें

खरोंच से जावास्क्रिप्ट स्लाइड शो कोड लिखने के लिए कोई जरूरत नहीं है। यहाँ है एक जावास्क्रिप्ट स्लाइड शो उदाहरण (1 kb, ज़िप)। डाउनलोड करें और आपके कंप्यूटर से निकालें। हम बस यह आपकी आवश्यकताओं के अनुरूप करने के लिए संशोधित कर देगा। आप एक एकल जावास्क्रिप्ट-स्लाइड शो-example.html फ़ाइल मिल जाएगा।

2 छवि नाम, छवि पथ, जे एस स्लाइड शो गति परिवर्तित करें

यह अपने पसंदीदा पाठ संपादक के साथ खुला और यह फ़ाइल में शामिल नोट्स के अनुसार परिवर्तित करें।

• स्लाइड अवधि बदलने के लिए, slideShowspeed पैरामीटर के लिए जाओ।
• अधिक छवियों को जोड़ने के लिए, बस कॉपी और पेस्ट Pic [0] = '1.jpg' रेखा, और तदनुसार सरणी संख्या और छवि फ़ाइल का नाम बदलें। यदि आपकी छवि एक फ़ोल्डर में रखा गया हैं जैसे छवियाँ, तस्वीर [0] की तरह संबंधित पथ का उपयोग करें 'images/1.jpg' =। तुम भी निरपेक्ष छवि पते का उपयोग सकता है यहाँ।

3 जावास्क्रिप्ट एम्बेड अपने वेब पेज के लिए स्लाइड शो

अब तुम एक जावास्क्रिप्ट स्लाइड शोएम्बेड करना चाहते हैं उस वेब पेज खोलें। कॉपी और पेस्ट को पूरी स्क्रिप्ट < > टैग के लिए < सिर > के बीच जगह और < / सिर >. फिर जब पेज लोड है जोड़कर अपने जावास्क्रिप्ट स्लाइड शो प्रारंभ करने के लिए पृष्ठ चलो onLoad="javaSlideShow()" विशेषता < शरीर > टैग करने के लिए। अंत में, जावास्क्रिप्ट पृष्ठ के सही स्थिति में दिखाई बनाने के। ऐसा करने के लिए, बस < तालिका > के बीच कोड डाल और < / तालिका > टैग करने के लिए जहां यह होना चाहिए।

4 सहेजें और जावास्क्रिप्ट स्लाइड शो का पूर्वावलोकन करें

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