تغییر مسیر عکس هنگام hover

[uthman]

سلام.من یک li دارم که داخل آن یک img هست میخوام هر وقت روی li رفتم مسیر عکس عوض بشه .کد زیر رو نوشتم ولی کار نم کند.مشکل کجاست
$(window).load(function () {
$("li").hover(function () {
$(this).find("img").attr("src", "../images/picto2.png");
}).mouseleave(function () {
$(this).find("img").attr("src", "../images/picto.png");
});



});

[jalil_gh]

$(window).load(function () {
$("li").mouseenter(function () {
$(this).find("img").attr("src", "../images/picto2.png");
}).mouseleave(function () {
$(this).find("img").attr("src", "../images/picto.png");
});
});
البته بهتره به جای windo.load از document.ready استفاده کنید.

[afshin9032]

کد زیر رو امتحان کن :


$(window).ready(function () {
$("li").hover(function () {
$(this).find("img").attr("src", "../images/picto2.png");
},function () {
$(this).find("img").attr("src", "../images/picto.png");
});

});

استفاده از mouseleave تو hover نادرست است .

[uthman]

سلام .با همون mouseleave نوشتم درسته کار میکنه.چرا نادرسته؟

[qartalonline]

کد زیر رو تست کنید:
$(document).ready(function(e) {
$('li').hover(function(e) {
$(this).children('img').attr('src','../images/picto1.png');
}).mouseleave(function(e) {
$(this).children('img').attr('src','../images/picto2.png');
});
});

[jalil_gh]

سلام .با همون mouseleave نوشتم درسته کار میکنه.چرا نادرسته؟
استفاده از hover معادل استفاده همزمان از mouseenter و mouseleave بر روی یک عنصره. شما باید یا از hover استفاده کنید و یا اینکه همزمان از mouseenter و mouseleave استفاده کنید.

[mehdi.mousavi]

سلام.من یک li دارم که داخل آن یک img هست میخوام هر وقت روی li رفتم مسیر عکس عوض بشه .کد زیر رو نوشتم ولی کار نم کند.مشکل کجاست

سلام.
مشکل اینجاست که شما پارامتر دوم متود hover رو نادیده گرفته اید و جای اون دارید از mouseleave استفاده می کنید. دوستان به نحوه صحیح استفاده از hover اشاره کردن...
اما در کل اگر تصویر مورد نظر ثابت هستش، بجای نوشتن script بهتره از CSS ها استفاده کنید. بطور نمونه:


li {
background-image: url('/images/myimage1.png');
}

li:hover {
background-image: url('/images/myimage2.png');
}

(طبیعتا CSS فوق فقط مثال هستش و باید Selector های اونو بر حسب نیاز تغییر بدید).

موفق باشید.