我使用Colorbox(iframe模式)制作了弹出图层,Colorbox的iframe有HTML页面。
我在HTML页面中添加了Highslide。
这是Colorbox的代码
$("a.colorbox_photo_view").colorbox({
iframe:true,
width:"600",
height:"800",
scrolling:true,
overlayClose:false,
escKey:false,
opacity:0.7
});
和HTML页面(在Colorbox的iframe中)有此HTML代码。
<a href="photo.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="photo.jpg" width="550px"></img>
</a>
实际上,photo.jpg是宽度= 3648px,高度= 2056px
当我点击照片时,照片无法展开我的显示器屏幕(1280x1024) 刚刚扩展为iframe大小的宽度(600px)。
如何在Colorbox弹出图层中将照片扩展到我的显示器的全屏?
答案 0 :(得分:0)
这是不可能的。 iframe中的页面无法扩展到iframe的大小。尝试使用另一种加载颜色框的方法 - 例如div。