حرکت در اسلایدر
سلام
چه کدی بدم به اسلایدر زیر که هر ۳ ثانیه بره عکس بعدی
و همینطور ادامه پیدا کنه
https://codepen.io/10tribu/pen/AXWoKB
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
درود
با استفاده از این کد میتونید این کار انجام بدید
const radioButtons = document.querySelectorAll('.gallery-selector');
let currentIndex = 0;
const maxIndex = radioButtons.length - 1;
function showNextImage() {
if (currentIndex === maxIndex) {currentIndex = 0;}
else {currentIndex++;}
radioButtons[currentIndex].checked = true;}
function startSlideshow() {setInterval(showNextImage, 3000);}
startSlideshow();سلام
بسیار عالی
با این کد کاملا درست انجام شد
فقط یه مشکلی هست
من در هر گزارشم یه بار از این اسلایدر استفاده کردم
این پیج
چون تعداد مشابه استفاده شده خوب عمل نمیکنه
اگر بشه که هر گزارشی رو باز کردم اسلایدر همون گزارش شروع به کار کنه
درود
میتونید از همان کد استفاده کنید و به جای .gallery-selector
تکرار کنید و کلاس .gallery-selector عدد بهش اضافه کنید
ممنونم
یعنی فقط خط اول کد جاوا این طوری میشه؟
const radioButtons = document.querySelectorAll('.gallery-selector1''.gallery-selector2''.gallery-selector3');درود
خیر کد اول کامل تکرار کنید و به سلکتور عدد یا هرچیز دیگه ای اضافه کنین همین طور تو خود اسلایدر که شناسایی کنه
@blackhat_behnam
سلام مجدد
من کد html و css رو درست نوشتم
به gallery-selector ها هم عدد های ۱ ۲ ۳ و ... دادم
اما کدی که شما دادید رو هر چی ویرایش میکنم انجام نمیشه
من این خط از کد رو تکرار کردم و به سلکتور ها عدد مورد نظر رو دادم
document.querySelectorAll('.gallery-selector');
document.querySelectorAll('.gallery-selector1');میشه لطف کنید و نمونه کد ویرایش شده (که قبل تر فرمودید کد اول باید کامل تکرار بشه) بفرستید
که از اون الهام بگیرم و بقیه شماره رو خودم ویرایش کنم
بابت لطفتان متشکرم
برای اینکه از اول شروع کنه فقط کافیه توی ایونت باز شدن گزارش متغیر currentIndex رو برابر کنی با 1 که هر وقت گزارش روش کلیک شد که باز شه اینم برابر یک میشه و از اول شروع میکنه