javascript - elevatezoom，图像显示在容器中

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

我认为您遇到了问题，因为您选择使用“\”作为路径分隔符，请不要这样做。

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