SlidesJs和ColorBox无法正常工作?

时间:2013-03-03 03:07:27

标签: javascript jquery slideshow lightbox colorbox

当我尝试将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'
        });});

同样,每个人都可以在不调用幻灯片的情况下工作,并且在调用时,不会显示任何内容!

0 个答案:

没有答案