当我尝试将SlideJs脚本应用到使用colorbox显示的缩略图容器时,我一直在努力解决一个奇怪的错误。
我有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幻灯片。 如果我删除第二个电话,我的所有缩略图都会正常显示,但不会以幻灯片形式显示,如果我应用它,一切都会消失。 (虽然,Arrows在那里,并且也是分页)
第一张幻灯片使用默认值(以及我的组件),例如next,prev,slides_container ......
现在我想知道somone是否已经和我有同样的问题,以便解决这个问题!
感谢您的帮助!
有关彩盒的更多信息,请按照以下方式进行操作:
jQuery(document).ready(function () {
jQuery('a.gallery').colorbox({
opacity:0.5 ,
scalePhotos:'true',
maxWidth:'900px',
maxHeight:'500px',
rel:'group1'
});});
同样,每个人都可以在不调用幻灯片的情况下工作,并且在调用时,不会显示任何内容!