Question

我正在尝试让Colorbox幻灯片显示在页面加载时自动启动，而不是单击链接开始。我查看了彩盒常见问题解答，初学者指南和一般说明，但我无法使用它。

该网页的网址是：www.domain.com/bn/gallery

这是我的标记：

<?php do {  
    $image = $maindir . $row_gallery['image1'];
?>
    <div class="slides">   
        <img src="<?php echo $image; ?>" alt="<?php echo $row_gallery['image1']; ?>" />
         <p class="caption"> <?php echo $row_gallery['title']; ?> </p>
    </div>

<?php } while ($row_gallery = mysqli_fetch_assoc($gallery)); ?>

这是我的剧本电话：

<script type="text/javascript">
$(document).ready(function(){
    $('.slides').colorbox({slideshow:true, slideshowAuto:true, innerWidth:"80%", maxHeight:"750px", maxWidth:"1000px", slideshowSpeed:4000, preloading:true });
});

我在关闭body标签之前，以及colorbox.css和jquery.colorbox-min.js之前加载了jquery。此外，colorbox.css在colorbox-min.js之前加载。顺便说一句，如果我使用带有rel =“gallery”的“a”标签，我可以获得幻灯片显示，因此我的脚本正确加载。但我不能让Colorbox使用CLASS选择器创建幻灯片，只使用“a”标签。顺便说一句，当这个页面加载所有图像时，它们是垂直堆叠的。我错过了什么？

这是fiddle。

无法让Colorbox自动开始幻灯片放映

0 个答案: