2012-07-05 71 views
0

我想在colorbox中顯示圖片div和類似按鈕的div。圖片div和類似的按鈕div都在其他頁面。我想將這些div放在不同於頁面的colorbox中。我怎樣才能做到這一點 ?在colorbox中顯示多個div

+0

請問您能澄清一下您要做的更多嗎?也許放一個截圖或兩個,也是你已經嘗試迄今爲止在jsbin.com或jsfiddle.net上的一個例子 –

+0

@Moin Zaman Like facebook –

+0

@Moin Zaman我在一頁創建了縮略圖,並顯示原始圖片,如果縮略圖被點擊。我想包裝照片div和像按鈕div在一個彩盒。如果我關閉了彩色框,我想保留在縮略圖頁面中。這是基本的想法(我認爲Facebook也以這種方式顯示照片)。但我無法弄清楚這個機制。 –

回答

1
$(document).ready(function(){ 
    $('#somebutton').click(function(){ 
      $.colorbox.init(); 
      $('#divwrapper').show(); 
      $(this).colorbox({ 

         inline:true, 
         href:'#divwrapper', 
         onLoad:function(){ 
          //do something if you want here 
         }, 
         onClosed:function(){ 

          $('#divwrapper').hide(); 
          $.colorbox.remove(); 
         } 
        }); 


    }); 
//html side 

<div id="divwrapper" style="display:none;"> 
    <div>Your image here</div> 
    <div>Your like button here</div> 
</div> 

}); 
+0

問題在於圖像和類似按鈕不在啓動彩盒的相同頁面中。 –

+0

我不得不用照片創建一個新的div,並且喜歡colorbox的按鈕。 –