关于shadowbox如何使用多个

<div class="re">
<a href="images/1.jpg" rel="shadowbox[Aston Martin];options={slideshowDelay:3}" title="jsmvc.com">
<img src="images/1.jpg" style="border:0;" />
</a>
<a rel="shadowbox[Aston Martin]" href="images/2.jpg" title="jsmvc.com"> </a>
<a rel="shadowbox[Aston Martin]" href="images/3.jpg" title="jsmvc.com"> </a>
</div>
<hr/>
<div class="re">
<a href="images/pic1.jpg" rel="shadowbox[Aston Martin];options={slideshowDelay:3}" title="jsmvc.com">
<img src="images/pic1.jpg" style="border:0;" />
</a>
<a rel="shadowbox[Aston Martin]" href="images/pic2.jpg" title="jsmvc.com"> </a>
<a rel="shadowbox[Aston Martin]" href="images/pic3.jpg" title="jsmvc.com"> </a>
</div>源码中只有一个，现在我把红色部分也加到页面下，我重新加入了图片
我点1.jpg进入之后，他自动播放到最后一张图片[pic3.jpg]【也就是全部自动播放了】----【问题一】
但是
---我点pic1.jpg进入之后，就只开始从pic1.jpg开始播放无论我点1.jpg还是pic1.jpg进入后，统计总数都是显示6--------【问题二】正确情况应该是：我点1.jpg还是pic1.jpg进入后，统计总数都是显示3如果我把红色部分也加入到页面后，我应该怎样修改才不会出现那样的问题-------【问题三】谢谢