클릭 SVG 모양과 내가 같은 이미지로 이미지를 확대하기위한 예를 많이에서 찾고있다

다른 이미지로 확대 내가 (SVG 모양을 클릭한다 무엇을 찾고클릭 SVG 모양과 내가 같은 이미지로 이미지를 확대하기위한 예를 많이에서 찾고있다

$("#imgSmall").click(function(){             
    $("#imgBig").attr("src","http://www.freeimageslive.com/galleries/space/earth/pics/a17_h_148_22718.gif"); 
    $("#overlay").show(); 
    $("#overlayContent").show(); 
}); 

$("#imgBig").click(function(){ 
    $("#imgBig").attr("src", ""); 
    $("#overlay").hide(); 
    $("#overlayContent").hide(); 
});

http://jsfiddle.net/a8c9P/

이미지 대신 확대하여 이전에 동일한 이미지를 표시하는 대신 다른 이미지를 표시 할 수 있습니다.

jquery를 사용하고 있습니다.

출처

2017-10-19 Penny Pang

SVG는 이미지와 동일하게 취급됩니다. 보통 JPG 나 PNG 대신 SVG로 사용하고 그에 따라 너비/높이를 설정하십시오. – freeworlder

@freeworlder가 언급 한 솔루션이 가장 쉽습니다 (이미지를 SVG로 저장하고 어딘가에 배치하고 img src에서 .svg를 사용하는 것).하지만 클릭 리스너를 SVG 요소에도 첨부 할 수 있습니다. 예 : https://jsfiddle.net/xq8f18b5/ –

SVG는 모든 브라우저에서 이미지로 정확하게 취급됩니다. 이미지와 크기에 따라 SVG를 참조하십시오.

<img src="images/vector.svg" style="width:400ps;height:400px/>

출처

2017-10-22 09:38:01 freeworlder

클릭 SVG 모양과 내가 같은 이미지로 이미지를 확대하기위한 예를 많이에서 찾고있다

답변

관련 문제