Highslide无法在colorbox(iframe模式)中扩展图像(全屏大小)

时间:2013-10-07 06:09:05

标签: javascript jquery colorbox highslide

我使用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弹出图层中将照片扩展到我的显示器的全屏?

1 个答案:

答案 0 :(得分:0)

这是不可能的。 iframe中的页面无法扩展到iframe的大小。尝试使用另一种加载颜色框的方法 - 例如div。