জাভাস্ক্রিপ্টে অ্যারের মাধ্যমে ইমেজ স্লাইডার
এখন চলুন একটি ইমেজ স্লাইডার তৈরি করি।
মনে করুন যে এইচটিএমএল কোডে আমাদের একটি img ট্যাগ দেওয়া আছে:
<img id="slider" src="">
মনে করুন আমাদের একটি ইমেজের অ্যারে ও দেওয়া আছে:
let texts = ['1.png', '2.png', '3.png'];
চলুন এমন করা যাক যাতে প্রতি সেকেন্ডে
img ট্যাগে আমাদের অ্যারের থেকে একটি নতুন
ইমেজ প্রদর্শিত হয়।
বর্ণিত স্লাইডারটি বাস্তবায়ন করুন। এমন করুন, যাতে ছবিগুলো একটি চক্রে ঘুরতে থাকে।
পূর্ববর্তী কাজটিকে পরিবর্তন করুন যাতে ছবির উপরেও সামনে এবং পিছনের তীর চিহ্ন প্রদর্শিত হয়। অর্থাৎ, স্লাইডারটি নিজে থেকে টাইমার দ্বারা স্ক্রল হবে, তবে ব্যবহারকারীর ইচ্ছা হলে সে লিঙ্কের মাধ্যমেও এটি স্ক্রল করতে পারবে।
