HTML 구조 :jquery로 src 값을 변경하는 방법은 무엇입니까?
<div class="myimages">
<div id="mainimg"><img src="images/Pic/1.jpg"></div>
<div id="addimg">
<li class="addimg"><img src="images/Pic/1_01.jpg"></li>
<li class="addimg"><img src="images/Pic/1_02.jpg"></li>
<li class="addimg"><img src="images/Pic/1_03.jpg"></li>
</div>
</div>
어떻게 IMG의 SRC의 값을 변경합니다 (<div id="mainimg">
에있는) 때 리에서 마우스 호버 jquery.namely에 의해 addimg
에있는 경우 두 번째 리튬에 마우스를 가져가, <div id="mainimg"><img src="images/Pic/1.jpg"></div>
<div id="mainimg"><img src="images/Pic/1_02.jpg"></div>
으로 변경됩니다. 언제 첫 번째 또는 세 번째 li. 변화는 동일합니다. 당신이에 이벤트 처리기를 바인딩 할 수 있습니다, 당신이 li
떨어져 마우스를 이동할 때 이미지가 다시 1.jpg
을 변경하지 않으 가정
jQuery('li.addimg').onmouseover(function() {
jQuery('#mainimg img').attr('src', jQuery(this).children('img').attr('src'));
}
당신은 JQuery와의 조작 기능을 숙지 할 수 있습니다. http://api.jquery.com/category/manipulation/ – kontur