تغییر یک تصویر به تصویر دیگری با کلیک روی آن
سلام
من یک کد ایجاد کردم که به تنهایی کار میکنه. اما مساله اینجاست که وقتی این کد رو تکرار میکنم دیگه عمل نمیکنه.
نمیدونم ایرادش از کجاست.
لطفا راهنمایی کنید.
تشکر
<a href="#uy" >
<img onclick="clickHandler();" id="uy" src="5.jpg" >
</a>
<script>
function clickHandler(){
document.getElementById("uy").src = "6.jpg";
}
</script>گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
من سوال شما رو اینطور درک کردم که می خواید وقت روی تصویر کلیک میشه یکی مثلا از6.jpgبه7.jpgبره برای این کار باید یک متغییر بنویسید که مقدار numberداشته باشه ودر فانکشن clickHandlerقرارش بدید و باهر کلیک یک مقدار بهش اضافه کنید ودر srcاینگونه قرارش بدیدsrc=number+".jpg"
سوال خیلی ناواضح هستش.
شما می خواید چه کاری صورت بدین؟
چی رو تکرار می کنید؟
چی عمل نمی کنه؟
کد واضح هستش: وقتی روی عکس کلیک کنید، مرجع عکس مقدارش عوض میشه، بنابراین عکس جدید جاش رو میگیره.
حالا باید پرسید: دیگه چی میخواید؟
این به این دلیل هست که شما المنت رو با ای دی سلکت کردی و تو صفحه بیشتر از یه ای دی نمیشه داشت
من سوال شما رو اینطور درک کردم که می خواید وقت روی تصویر کلیک میشه یکی مثلا از6.jpgبه7.jpgبره برای این کار باید یک متغییر بنویسید که مقدار numberداشته باشه ودر فانکشن clickHandlerقرارش بدید و باهر کلیک یک مقدار بهش اضافه کنید ودر srcاینگونه قرارش بدیدsrc=number+".jpg"
عرض ادب
دقیقا نمیدونم چکار کنم.
لطفا راهنمایی بیشتر کنید.
سپاس
<a href="#uy" >
<img onclick="clickHandler();" id="uy" src="5.jpg" >
</a>
<script>
function clickHandler(number){
document.getElementById("uy").src=number+"6.jpg";
}
</script>و
<a href="#uu" >
<img onclick="clickHandler();" id="uu" src="۲.jpg" >
</a>
<script>
function clickHandler() {
document.getElementById("uu").src=number+"۴.jpg";
}
</script> <a href="#uy">
<img onclick="clickHandler();" id="uy" src="1.jpg">
</a>
<script>
let number = 1
function clickHandler() {
number += 1
document.getElementById("uy").src = number + ".jpg";
}
</script>
با ارز سلام دوست عزیز کدی که بالا نوشتم کار می کنه اگه جسارت نباشه باید بگم که یکمی ایراد الگوریتمی دارید
اگه بخوام الگوریتم کد بالا رو توضیح بدم باید بگم که ما چند تا تصویر در فایل قراردادیم که که بدین گونه است:1.jpg,2.jpg,3.jpgالی اخر مابرای اینکه این تصویر هارو عوض کنیم باید srcتصویر(image)را تغییر بدیم که ماباید یه یه عدد که از 1شروع میشه را هی بعد از کلیک کردن افزایش بدیم وکنار .jpgقراربدیم امیدوارم تونسته باشم راهنمایی کنم
@drmmrtd
اگر کدنویسی میفرمایید ممنون میشم نکته قرار دادن کدها رو رعایت کنید
چون واقعا بد هست برای یک کد نویسی نکته‌ای به این سادگی رو رعایت نمیکنه ! تا مجبور نباشیم پیامتون رو ویرایش کنیم
سپاس از توجه‌اتون