2014-07-16 33 views
2
<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给出的问题,但它仍然无法正常工作... 帮我在这个请...elevatezoom,图像显示在容器中

回答

0

我相信你有问题,因为你选择使用“\”作为路径分隔符,不这样做。

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

哇! 谢谢你! – Jack

-1

你忘了包括jquery lib之前,包括elevatezoom插件?

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

已添加...但它仍然无法正常工作 – Jack