Question

<script src="JavaScript/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="JavaScript/jquery.elevatezoom.js" type="text/javascript"></script>

<img id="zoom_01" src="Images\small\download.jpg" data-zoom-image="Images\large\download1.jpg"/>

<script>
    $("#zoom_01").elevateZoom();
</script>

当我将鼠标移到图像上时，缩放图像应显示在容器中，但它只是给我一个空盒子，里面没有图像。怎么解决这个？我遵循http://www.elevateweb.co.uk/image-zoom/examples给出的不稳定但它仍然没有工作...... 请帮助我...

Answer 1

我相信你遇到了问题，因为你选择使用＆＃34; \＆＃34;作为路径分隔符，不要这样做。

<img id="zoom_01" src="Images/small/download.jpg" 
     data-zoom-image="Images/large/download1.jpg"/>

Answer 2

在包括elevatezoom-plugin之前，您是否忘记包含jquery lib？

<script type="text/javascript" src="jquery.js"></script>

elevatezoom，图像显示在容器中

2 个答案: