jQuery Slides插件:只有一张幻灯片时看不到幻灯片图像

问题描述 投票:0回答:1

我正在使用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>
jquery slider image-gallery
1个回答
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;

添加

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

解决了。

和平。

© www.soinside.com 2019 - 2024. All rights reserved.