我无法在一页上放置两个单独的画廊。加载屏幕时,一个画廊看起来没问题(第一张图片、拇指和左/右箭头)。然而,只有左/右箭头显示在第二个画廊上。当我单击任何箭头(来自第一个画廊或第二个画廊)时,它会清除图像,但拇指和箭头仍然存在。有时单击箭头会卡在加载程序 gif 图像上,并且图像无法显示。我正在使用 jQuery Exposure Plugin演示 4。我在这里做错了什么?
<div id="main"><div id="exposure"></div><div class="clear"></div></div>
<div class="panel">
<div id="left"><a href="javascript:void(0);" onclick="$.exposure.prevImage();return true;"><img src="Exposure/left.png" alt="Previous" /></a></div>
<ul id="images">
<li><a href="photo1.jpg"><img src="photo1.jpg" /></a></li>
<li><a href="photo2.jpg"><img src="photo2.jpg" /></a></li>
</ul>
<div id="right"><a href="javascript:void(0);" onclick="$.exposure.nextImage();return true;"><img src="right.png" alt="Next" /></a></div>
</div>
<div id="main"><div id="exposure"></div><div class="clear"></div></div>
<div class="panel">
<div id="left"><a href="javascript:void(0);" onclick="$.exposure.prevImage();return true;"><img src="Exposure/left.png" alt="Previous" /></a></div>
<ul id="images">
<li><a href="photo3.jpg"><img src="photo3.jpg" /></a></li>
<li><a href="photo4.jpg"><img src="photo4.jpg" /></a></li>
</ul>
<div id="right"><a href="javascript:void(0);" onclick="$.exposure.nextImage();return true;"><img src="right.png" alt="Next" /></a></div>
</div>
jQuery:
<script type="text/javascript">
$(function(){
$('#images').exposure({target : '#exposure'});
$('#images2').exposure({target : '#exposure2'});
});