jQuery 幻灯片插件：仅存在一张幻灯片时幻灯片图像不可见

Question

我正在使用 Nathan Searles 非常好的幻灯片插件。

我有一个包含幻灯片显示的多个动态实例的页面：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>

Answer 1

编辑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;

add

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'});
}

这解决了它。

和平。