你能为一组div创建一个colorbox幻灯片吗？ [英] Can you create a colorbox slideshow for a set of divs?

问题描述

所以在colorbox照片可以组合在一起形成幻灯片，我想要能够使用divs作为幻灯片的内容，而不是图像。是否支持？

So in colorbox photos can be grouped together to form a slideshow, I would like to be able to use divs as the content of the slideshow instead of images. Is that supported?

JavaScript代码：

Javascript code:

 <script>
    $(document).ready(function () {
         $("div.colorbox").colorbox({ width: "50%", inline: true,slideshow: true, href: function () {
             var elementID = $(this).find('div .pop').attr('id');
             return "#" + elementID;
          }
     });
   </script>

Html / Css是：

Html/Css is:

<div class="colorbox" >Div #1
         <div style="display:none">
          <div id="Div1" class="pop">
             Data#1 inside div
          </div>
         </div>
    </div>

    <div class="colorbox" >Div #2
         <div style="display:none">
          <div id="Div2" class="pop">
             Data#2 inside div
          </div>
         </div>
    </div>

任何想法如果可以这样做？

Any ideas if this can be done? Thanks

推荐答案

我可以通过执行

$("div.colorbox").colorbox({rel:"my_group"})

这篇关于你能为一组div创建一个colorbox幻灯片吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！