当我尝试将 SlideJs 脚本应用到使用颜色框显示的缩略图容器上时,我一直在尝试解决一个奇怪的错误。
我有 2 个使用 SlideJs 的幻灯片,问题似乎不存在。
这是我当前的代码:
<div id="services_slideshow">
<div class="container">
<div class="services_slideshow">
<div class="slides_container2">
<div class="slide">
<a href="images1.jpg" class="gallery"><div class="ss_1"></div></a>
<a href="images2.jpg" class="gallery"><div class="ss_2"></div></a>
<a href="images3.jpg" class="gallery"><div class="ss_3"></div></a>
<a href="images4.JPG" class="gallery"><div class="ss_4"></div></a>
<a href="images5.JPG" class="gallery"><div class="ss_5"></div></a>
</div> <a href="#" class="prev2"><div class="prev"></div></a>
<a href="#" class="next2"><div class="next"></div></a>
</div> <!-- .services_slideshow -->
</div> <!-- .container -->
</div> <!-- #servicees_slideshow -->
要调用它,我使用:
$(function(){
$('.water_slideshow').slides({
preload: true,
preloadImage: 'images/loading.gif'
});
$('.services_slideshow').slides({
preload: true,
preloadImage: 'images/loading.gif',
next: 'next2',
prev: 'prev2',
container: 'slides_container2'
});
});
上面的这个函数调用了 2 幻灯片。如果我删除第二个电话,我所有的缩略图都会正常显示,但不会在幻灯片中显示,如果我应用它,一切都会消失。(虽然,箭头在那里,分页也在那里)
第一张幻灯片使用默认值(以及我的组件),例如 next、prev、slides_container...
现在我想知道是否有人已经和我有同样的问题,为了解决这个问题!
谢谢你的帮助!
有关颜色框的更多信息,我是这样称呼它的:
jQuery(document).ready(function () {
jQuery('a.gallery').colorbox({
opacity:0.5 ,
scalePhotos:'true',
maxWidth:'900px',
maxHeight:'500px',
rel:'group1'
});});
同样,一切都可以在不调用幻灯片的情况下工作,并且在调用时,什么也没有显示!