2010-09-30 94 views
0

所以在彩盒中,照片可以組合在一起形成幻燈片,我希望能夠使用div作爲幻燈片的內容而不是圖像。是否支持?你可以爲一組div創建一個colorbox幻燈片嗎?

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> 

任何想法,如果可以做到這一點?由於

回答

0

我能作出這樣做

$("div.colorbox").colorbox({rel:"my_group"}) 
它的工作