2012-07-05 43 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的按钮。 –