자바 스크립트 클릭 기능 img 태그

Question

스타일과 CSS에서 이미지를 표시하는 자바 스크립트가 있습니다.

<script type="text/javascript"> 
$(function() { 
    $("div[style]").click(function() { 
     $("#full-wrap-new").css("background-image", $(this).css("background-image")); 
    }); 
}); 
</script> 

<div id="colors"> 
<div style="background-image:url(/images/style/whatcan.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/art/art.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/beauty/beauty.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
<div style="background-image:url(/images/careers/career.jpg); width:200px; height:150px; float: left; margin:4px"></div> 
</div> 

나는이 스크립트의 다음 줄을 어떻게 바꿀 수 있습니까? 나는 css가 아닌 img를 사용하도록 스크립트를 변경하고 싶습니다.

$("#full-wrap-new").css("background-image", $(this).css("background-image")); 

이

내가 지금까지 무엇을 가지고하지만 난 그것을 변경하는 방법을 모르고 난 당신이 뭘하려고 생각

<script type="text/javascript"> 
$(function() { 
    $("div.ri").click(function() { 
     $("#full-wrap-new").css("background-image", $(this).css("background-image")); 
    }); 
}); 
</script> 

<div id="colors"> 
<div class="ri"><img src="/images/style/whatcan.jpg"/></div> 
<div class="ri"><img src="/images/art/art.jpg"/></div> 
<div class="ri"><img src="/images/beauty/beauty.jpg"/></div> 
<div class="ri"><img src="/images/careers/career.jpg"/></div> 
</div> 

<div id="full-wrap-new"></div> 

Answer 1

을 IMG하지해야합니다 :

$(function() { 
    $("div.ri").click(function() { 
     $("#full-wrap-new").html($(this).find("img").clone()); 
    }); 
}); 

에 시도 this fiddle (소스를 볼 수 있도록 소스를 변경하십시오.)