سوال: تغییر src یک img با استفاده از javascript [بایگانی]

shayan.nabavi

سه شنبه 01 تیر 1395, 15:10 عصر

سلام
من تو جاوااسکریپت مبتدی هستم و برای همین این سوالو از شما دارم لطفا کارمو راه بندازین
یک img با id=salam داریم که src اولیش مثلا 1.jpg هست
یک div داریم که با کلیک روش function ای changesrc نام رو فرا میخونیم
حالا میخوام این فانکشن کاری کنه که اگر src اون عکس = 1.jpg بود src رو به 2.jpg تغییر بده و اگر src=2.jpg بود اون رو به 1.jpg تغییر بده
لطفا راهنمایی کنید ممنون:قلب:

zohabn

سه شنبه 01 تیر 1395, 16:17 عصر

توی فانکشن کد زیر رو قرار بدید :

if(document.getElementById('salam').src.match('1.j pg')) {
document.getElementById('salam').src = '2.jpg';
}else {
document.getElementById('salam').src = '1.jpg';
}

shayan.nabavi

سه شنبه 01 تیر 1395, 18:43 عصر

مرسی از راهنماییتون دوست عزیز اما کارر نکرد !
این کد این بخششه بگید مشکل کجاس بی زحمت !
---html----
<img id="slides" alt="slidepic" src="slides/1.jpg" />
<div id="ndiv"><img id="next" src="slides/rast.png" alt="next" title="next" onClick="changeImage()" />
</div>
-------
---javascrips---

<script type="text/javascript">
function changeImage() {
if(document.getElementById("slides").src.match('slides/1.jpg'))
{
document.getElementById('slides').src = 'slides/2.jpg';
}
else {
document.getElementById('slides').src = '1.jpg';
}

</script>

ممنونم مجددا

zohabn

سه شنبه 01 تیر 1395, 21:15 عصر

مرسی از راهنماییتون دوست عزیز اما کارر نکرد !
این کد این بخششه بگید مشکل کجاس بی زحمت !
---html----
<img id="slides" alt="slidepic" src="slides/1.jpg" />
<div id="ndiv"><img id="next" src="slides/rast.png" alt="next" title="next" onClick="changeImage()" />
</div>
-------
---javascrips---

<script type="text/javascript">
function changeImage() {
if(document.getElementById("slides").src.match('slides/1.jpg'))
{
document.getElementById('slides').src = 'slides/2.jpg';
}
else {
document.getElementById('slides').src = '1.jpg';
}

</script>

ممنونم مجددا

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

<script type="text/javascript">
function changeImage() {
if(document.getElementById("slides").src.match('slides/1.jpg'))
{
document.getElementById('slides').src = 'slides/2.jpg';
}
else {
document.getElementById('slides').src = 'slides/1.jpg';
}
}
</script>

kb0y667

شنبه 19 تیر 1395, 05:07 صبح

اینم همون کد خودتون هست
فقط یه مقدار تروتمیزش کردم

تست هم کنی ، کار میکنه :
function C(){c=document.getElementById("slides"); c.src="slides/"+(!c.src.match("/1.")?1:2)+".jpg"}