jQuery 이미지 src 변경 > script

 

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

Jquery의 attr() 함수를 활용하여 이미지 테그의 이미지 경로를 변경해 보자

 

/*-----------------------------------------------------*/

/* 

HTML 코드  

                                                                       */

/*-----------------------------------------------------*/

<img id="my_image" src="first.jpg"/>

 

 

/*-----------------------------------------------------*/

/*

Jquery 코드                                                                       */

/*-----------------------------------------------------*/

$("#my_image").attr("src","second.jpg");

 

$("#my_image").bind("click", function() {

      $("#my_image").attr("src","second.jpg");

});

 

$("img").bind("click", function() {

    var src = ($(this).attr("src") === "img1_on.jpg")

                 ? "img2_on.jpg" 

                 : "img1_on.jpg";

    $(this).attr("src", src);

});