이미지를 전환 할 때 클릭 할 때

jquery 스크롤러를 축소판으로 만들었으며 미니 스크립트를 만들려고합니다. 사용자가 엄지 손톱을 클릭하면이미지를 전환 할 때 클릭 할 때

, 그것은 다음과 같은 코드를 업데이트 : 당신이 스크롤러에 썸네일을 클릭하면

<div id="big_image"> 
    <img src="HERE.jpg" alt="my image"/> 
</div

그래서이 페이지에서 IMG 태그의 SRC를 업데이트? 내가 시작할 수있는 아이디어가 있습니까? 당신은 썸네일 크기로 큰 이미지를 분쇄하지 않는 한

출처

2009-09-03 Coughlin

$('#scroller img').click(function() { 
    $('#big_image img').attr('src', whatever_full_size_image_src_is_for(this)); 
}

출처

2009-09-03 16:46:31 chaos

이 답변과 나의 대답의 차이점은 실제로 ">"문자입니다. >은 내 자손을 의미하는 모든 자손 대신에 직접적인 자손을 선택하는 것을 의미합니다. 이는 모든 자손보다는 자식 img가 선택된다는 것을 의미합니다. – Tarik

사실인데, Aaron, ID가 단 한사람이기 때문에 #big_picture가 하나의 IMG를 자식으로 보유하고 있다고 의심하지 않습니다. – Sampson

// Replace larger image with src of whatever thumbnail you clicked 
$("img.myImage").click(function(){ 
    $("img.bigImage").attr("src", $(this).attr("src")); 
});

참고,이 문제에 대한 매우 우아한 해결책이 될 수 없습니다. 그리고 모든 정직한면에서 이 큰 이미지를 축소판 크기로 분쇄하면인데, 이는 또한 아주 좋은 해결책이 아닙니다.

출처

2009-09-03 16:46:38 Sampson

큰 이미지를 표시하고 축소판 그림을 표시하기 위해 원본 크기 이미지에 image-name-full.jpg라는 의미의 텍스트를 추가한다고 말하고 싶다면 무엇을 권하고 싶습니다. – Coughlin

function updateImage() 
{ 
    $("#big_image > img").attr("src","imagePath"); 
}

이 기능을 축소판 onclick 이벤트에 사용할 수 있습니다.

출처

2009-09-03 16:47:36 Tarik

이미지를 전환 할 때 클릭 할 때

답변

관련 문제