Как сделать переход на другую картинку при наведение курсора?

Question

[virus7]

Вывод картинок :

<div id="wc_pr_incr_top_imgs">
                <img id='blacknoir-collection'src="<? echo plugins_url('img/1.jpg', __FILE__) ?>" alt=""/>
		<img id='goldsilver-collection'src="<? echo plugins_url('img/3.jpg', __FILE__) ?>" alt=""/></br>
		<img id='slimline-collection'src="<? echo plugins_url('img/2.jpg', __FILE__) ?>" alt=""/>
		<img id='summerspirit-collection'src="<? echo plugins_url('img/4.jpg', __FILE__) ?>" alt=""/>
	</div>

как сделать что бы при наведение курсора картинка менялась на другую ?

Answer 1

[artem_music]

$("img").hover(function(){
  $(this).attr('src','ПУТЬ ДО ДРУГОЙ КАРТИНКИ');
});

Comments

[virus7]

не очень разбираюсь , куда этот кусок мне встроить надо ?

[artem_music]

virus7: Внутрь тэгов в тексте вашей страницы либо в файл с подключаемыми скриптами.

[artem_music]

virus7: *тегов < script >

Answer 2

[VA_ic2b]

Используйте js. Событие hover. При наведении нужно поменять атрибут картинки src на нужный. api.jquery.com/hover