单击SVG形状并使用另一个图像放大

时间:2017-10-19 22:29:20

标签: jquery image svg interactive image-enlarge

我一直在寻找使用相同图像放大图像的大量示例

$("#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/

我正在寻找的是单击SVG形状(而不是图像),然后放大以显示另一个图像(而不是先前显示相同的图像)。

我正在使用jquery来做这件事。

1 个答案:

答案 0 :(得分:0)

SVG在任何浏览器中都被视为图像。只需像引用任何图像和大小一样引用SVG:

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