2014-07-16 30 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