راکت

حرکت در اسلایدر

11 پاسخ

سلام
چه کدی بدم به اسلایدر زیر که هر ۳ ثانیه بره عکس بعدی
و همینطور ادامه پیدا کنه
https://codepen.io/10tribu/pen/AXWoKB

شفیعی
شفیعی
@Shafiiee
ثبت پرسش جدید

پاسخ‌ها

11
بهنام
بهنام
@blackhat_behnam

درود
با استفاده از این کد میتونید این کار انجام بدید

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();
شفیعی
شفیعی
@Shafiiee

سلام
بسیار عالی
با این کد کاملا درست انجام شد
فقط یه مشکلی هست
من در هر گزارشم یه بار از این اسلایدر استفاده کردم
این پیج
چون تعداد مشابه استفاده شده خوب عمل نمیکنه
اگر بشه که هر گزارشی رو باز کردم اسلایدر همون گزارش شروع به کار کنه

شاید پاسخ شما همین‌جا باشد

بهنام
بهنام
@blackhat_behnam

درود
میتونید از همان کد استفاده کنید و به جای .gallery-selector
تکرار کنید و کلاس .gallery-selector عدد بهش اضافه کنید

شفیعی
شفیعی
@Shafiiee

ممنونم
یعنی فقط خط اول کد جاوا این طوری میشه؟

const radioButtons = document.querySelectorAll('.gallery-selector1''.gallery-selector2''.gallery-selector3');
شفیعی
شفیعی
@Shafiiee

؟؟؟؟؟؟؟؟؟؟

بهنام
بهنام
@blackhat_behnam

درود
خیر کد اول کامل تکرار کنید و به سلکتور عدد یا هرچیز دیگه ای اضافه کنین همین طور تو خود اسلایدر که شناسایی کنه

شفیعی
شفیعی
@Shafiiee

@blackhat_behnam
سلام مجدد
من کد html و css رو درست نوشتم
به gallery-selector ها هم عدد های ۱ ۲ ۳ و ... دادم
اما کدی که شما دادید رو هر چی ویرایش میکنم انجام نمیشه
من این خط از کد رو تکرار کردم و به سلکتور ها عدد مورد نظر رو دادم

document.querySelectorAll('.gallery-selector');
document.querySelectorAll('.gallery-selector1');

میشه لطف کنید و نمونه کد ویرایش شده (که قبل تر فرمودید کد اول باید کامل تکرار بشه) بفرستید
که از اون الهام بگیرم و بقیه شماره رو خودم ویرایش کنم
بابت لطفتان متشکرم

عظیم زاده
عظیم زاده
@azimzadeh1398

تخصص: کارمند

شفیعی
شفیعی
@Shafiiee

سلام
کسی نیست جواب این سوال من رو بده؟

شفیعی
شفیعی
@Shafiiee

سلام
من به پاسخ این سوالم نرسیدم
لطفا 🙏

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

برای اینکه از اول شروع کنه فقط کافیه توی ایونت باز شدن گزارش متغیر currentIndex رو برابر کنی با 1 که هر وقت گزارش روش کلیک شد که باز شه اینم برابر یک میشه و از اول شروع میکنه

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام