修改鼠標懸停腳本一個jQuery變焦

Question

我使用懸停腳本http://www.jacklmoore.com/zoom/

我想實現爲外廊式頁面這本變焦，但懸停功能似乎只有第一個圖像上工作

<span class='zoom' id='ex1'> 
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/> 
<p>Hover</p> 
</span> 
<span class='zoom' id='ex1'> 
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/> 
<p>Hover</p> 
</span> 
<span class='zoom' id='ex1'> 
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/> 
<p>Hover</p> 
</span>  

繼承人我的情況演示http://jsfiddle.net/drhbt/

我該如何讓腳本爲每個圖像提供縮放功能？

感謝您的幫助！

Answer 1

我不能做一個更好的測試，但我改變了id到一個類，它的工作。

$('.zoom').zoom();