ホバースクリプトでこのズームを使用しています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/
スクリプトですべての画像にズーム機能を与えるにはどうすればよいですか?
ご協力いただきありがとうございます！