jQuery를 사용하여 이미지 소스를 어떻게 변경할 수 있나요?

jQuery를 사용하여 이미지 소스 수정

웹페이지에서 각각 소스가 "imgx_on.gif"인 두 개의 이미지가 포함된 HTML 구조가 있다고 가정합니다. 여기서 " x'는 이미지 번호(1 또는 2)를 나타냅니다. 이미지를 클릭하면 해당 소스를 "imgx_off.gif"로 수정하고 싶습니다.

Solution with jQuery

jQuery의 attr() 함수를 활용하면 이미지의 소스 속성입니다. 이를 달성하려면 이미지(예: "my-image")에 id 속성을 할당하고 다음 코드를 실행하세요.

$('#my-image').attr('src', 'imgx_off.gif');

이미지 회전의 예

이미지를 회전하려면 다음 jQuery 코드를 사용할 수 있습니다.

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.gif')
            ? 'img2_on.gif'
            : 'img1_on.gif';
         $(this).attr('src', src);
    }
});

이 코드는 클릭한 이미지의 소스를 대체합니다. "img1_on.gif"와 "img2_on.gif" 사이의 이미지입니다.

위 내용은 jQuery를 사용하여 이미지 소스를 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!