Javascript SlidesJs和ColorBox不工作？

我一直在尝试解决一个wierd错误，当我尝试将SlideJs脚本应用到使用colorbox显示的缩略图容器上时，我遇到了这个错误

我有两个使用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 -->

上面的这个函数调用2个幻灯片。 如果我删除第二个呼叫，我所有的缩略图都会正常显示，但不会以幻灯片形式显示，如果我应用它，一切都会消失。（尽管箭头在那里，页码也在那里）

第一个幻灯片放映使用默认值（以及我的组件），例如next、prev、slides\u container

现在我想知道是否有人已经有了和我一样的问题，为了解决这个问题

谢谢你的帮助

有关colorbox的更多信息，我将其称为：

jQuery(document).ready(function () {
        jQuery('a.gallery').colorbox({ 
            opacity:0.5 ,
            scalePhotos:'true',
            maxWidth:'900px',
            maxHeight:'500px',
            rel:'group1'
        });});

同样，每一次工作都不需要调用幻灯片，当调用时，不会显示任何内容

jQuery(document).ready(function () {
        jQuery('a.gallery').colorbox({ 
            opacity:0.5 ,
            scalePhotos:'true',
            maxWidth:'900px',
            maxHeight:'500px',
            rel:'group1'
        });});