जावास्क्रिप्ट में ऐरे के माध्यम से इमेज स्लाइडर
आइए अब एक इमेज स्लाइडर बनाते हैं।
मान लीजिए कि HTML कोड में हमारे पास img टैग दिया गया है:
<img id="slider" src="">
मान लीजिए कि हमारे पास इमेजों की एक ऐरे भी दी गई है:
let texts = ['1.png', '2.png', '3.png'];
आइए ऐसा करें कि हर सेकंड
img टैग में हमारी ऐरे से
एक नई इमेज दिखाई दे।
वर्णित स्लाइडर को लागू करें। ऐसा करें कि इमेजें गोलाकार घूमती रहें।
पिछले कार्य को इस तरह संशोधित करें कि इमेज के ऊपर आगे और पीछे के तीर भी दिखाई दें। यानी स्लाइडर स्वयं टाइमर से स्क्रॉल होता रहेगा, लेकिन इच्छा होने पर उपयोगकर्ता लिंक के माध्यम से इसे स्क्रॉल भी कर सकता है।
