当页面加载时,我想在灯箱中显示隐藏的div的内容.
如何用color box?
我不明白什么
我需要使用他们的CSS文件吗?哪些在哪里?
当页面加载时,如何使灯箱出现?
我尝试过,但没有运气:
$(document).ready(function(){ $("#div_id_i_want_to_show").colorBox({width:"50%",inline:true}); });
解决方法
jyoseph的答案在正确的轨道上.我也不得不让div可见,然后才会出现(否则只显示黑屏).然后我不得不在用户关闭灯箱后隐藏div.
注意:我也不得不编辑css文件来指向我放置图像的目录.
这是我的最终代码:
$(document).ready(function(){ $('#div_id_i_want_to_show').show(); $.colorBox({'href':'#div_id_i_want_to_show','inline':true,'width':'600px','height':'600px'}); $(document).bind('cBox_closed',function(){ $('#div_id_i_want_to_show').hide(); }); });