我正在使用Nathan Searles very nice Slides plugin。
我有一个页面,其中包含幻灯片显示的多个动态实例:http://hnoc.dreamhosters.com/dev/property_info.php?lot=22644
[如果滑块中仅显示一张图像,则不显示该图像。上方链接的第一个滑块显示此问题。当显示多张图像时,它们都可以正常显示:http://hnoc.dreamhosters.com/dev/property_info.php?lot=22622
这里是第一个链接上单个图像的代码。
这会打铃吗?我有错误吗?
任何建议,不胜感激!
<div id="container1">
<div id="slides1">
<div class="slides_container">
<div class="slides_control">
<div class="slide" style="">
<a href="images/intermediate/I014N1013.jpg" rel="lightbox" title="Title: Plan of eight lots of ground with the buildings and improvements thereon...">
<img class="content" src="images/covers/C014N1013.jpg" alt="C014N1013.jpg"></a>
<div class="caption" style="bottom: 0px; ">Plan of eight lots of ground with the buildings and improvements thereon... </div>
</div> <!-- slide -->
</div> <!-- slides_control -->
</div> <!-- slides_container -->
<a href="#" class="prev"><img src="js/slides/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="js/slides/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div> <!-- slides1 -->
<img src="js/slides/img/example-frame.png" width="739" height="341" alt="Frame" id="frame1">
</div>
编辑slides.jquery.js
// after the variable setting on and after line 29
var elem = $(this),
control = $('.slides_control',elem),
total = control.children().size(),
... snip ...
playInterval;
添加
if (total == 1){
$('.'+option.container,elem).css({display:'block'});
// disable prev/next imgs
$('.'+option.prev+' img',elem).css({display:'none'});
$('.'+option.next+' img',elem).css({display:'none'});
}
解决了。
和平。