Question

因此在彩盒中可以将照片组合在一起形成幻灯片，我希望能够使用div作为幻灯片的内容而不是图像。这支持了吗？

Javascript代码：

 <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是：

<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>

如果可以做到这一点的任何想法？感谢

Answer 1

我能够通过

使其工作

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

你能为一组div创建一个彩盒幻灯片吗？

1 个答案: