راکت
حل شده

تغییر یک تصویر به تصویر دیگری با کلیک روی آن

11 پاسخ

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

<a href="#uy" >
  <img  onclick="clickHandler();" id="uy" src="5.jpg" >
    </a>
    <script>
    function clickHandler(){
        document.getElementById("uy").src = "6.jpg";
    }
    </script>
hoshyar
hoshyar
@drmmrtd
ثبت پرسش جدید

پاسخ‌ها

11
progromer
progromer
@pwyazyzzadhbna
بهترین پاسخ

من سوال شما رو اینطور درک کردم که می خواید وقت روی تصویر کلیک میشه یکی مثلا از6.jpgبه7.jpgبره برای این کار باید یک متغییر بنویسید که مقدار numberداشته باشه ودر فانکشن clickHandlerقرارش بدید و باهر کلیک یک مقدار بهش اضافه کنید ودر srcاینگونه قرارش بدیدsrc=number+".jpg"

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

سوال خیلی ناواضح هستش.
شما می خواید چه کاری صورت بدین؟
چی رو تکرار می کنید؟
چی عمل نمی کنه؟

کد واضح هستش: وقتی روی عکس کلیک کنید، مرجع عکس مقدارش عوض میشه، بنابراین عکس جدید جاش رو میگیره.
حالا باید پرسید: دیگه چی میخواید؟

Funny Clips
Funny Clips
@rezvanclan

این به این دلیل هست که شما المنت رو با ای دی سلکت کردی و تو صفحه بیشتر از یه ای دی نمیشه داشت

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

احسان قربانی
احسان قربانی
@TimeRunner2359

تخصص: PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@drmmrtd برای تکرار بهتره از کلاس استفاده کنید .

hoshyar
hoshyar
@drmmrtd

تخصص: Management

عرض ادب

دقیقا نمیدونم چکار کنم.
لطفا راهنمایی بیشتر کنید.
سپاس

<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>
progromer
progromer
@pwyazyzzadhbna
 <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>
progromer
progromer
@pwyazyzzadhbna

با ارز سلام دوست عزیز کدی که بالا نوشتم کار می کنه اگه جسارت نباشه باید بگم که یکمی ایراد الگوریتمی دارید
اگه بخوام الگوریتم کد بالا رو توضیح بدم باید بگم که ما چند تا تصویر در فایل قراردادیم که که بدین گونه است:1.jpg,2.jpg,3.jpgالی اخر مابرای اینکه این تصویر هارو عوض کنیم باید srcتصویر(image)را تغییر بدیم که ماباید یه یه عدد که از 1شروع میشه را هی بعد از کلیک کردن افزایش بدیم وکنار .jpgقراربدیم امیدوارم تونسته باشم راهنمایی کنم

hoshyar
hoshyar
@drmmrtd

تخصص: Management

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

progromer
progromer
@pwyazyzzadhbna

@drmmrtd
خواهش میکنم باز اگه کمک خواستید من درخدمتم

حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

@drmmrtd
اگر کدنویسی میفرمایید ممنون میشم نکته قرار دادن کدها رو رعایت کنید
چون واقعا بد هست برای یک کد نویسی نکته‌ای به این سادگی رو رعایت نمیکنه ! تا مجبور نباشیم پیامتون رو ویرایش کنیم
سپاس از توجه‌اتون

hoshyar
hoshyar
@drmmrtd

تخصص: Management

دوستان یک شماره تماس بدید من تلفنی یکم راهنمایی بگیرم
تشکر

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

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