Jquery 在颜色框中显示多个div

我试图显示一个图片div和一个类似按钮div的颜色框。图片div和类似按钮div都在另一页中。我想把这些div放在不同于页面的颜色框中。我该怎么做

$（文档）.ready（函数（）{
$(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>

});

$（“#somebutton”）。单击（函数（）{
$.colorbox.init（）；
$（'#divwrapper'）.show（）；
$（此）.colorbox({
是的，
href:“#divwrapper”，
onLoad:function（）{
//如果你想在这里做点什么
},
onClosed:function（）{
$（'#divwrapper'）.hide（）；
$.colorbox.remove（）；
}
});
});
//html端
你在这里的形象
你喜欢这里的按钮吗
});

请您进一步说明您想做什么好吗？可能会在jsbin.com或jsfiddle上展示一两个屏幕截图，以及您迄今为止尝试过的示例。net@MoinZaman我在一页中创建了缩略图，如果单击缩略图，则显示原始图片。我想把照片和按钮包装在一个彩盒里。如果我关闭颜色框，我想保持在缩略图页面中。这是最基本的想法（我认为facebook也以这种方式显示照片）。但我无法找出拉那个的机制。问题是图像和类似按钮不在启动colorbox的同一页面中。我必须为colorbox创建一个带有照片和类似按钮的新div。