0

我使用 Colorbox（iframe 模式）制作了弹出层，并且 Colorbox 的 iframe 有 HTML 页面。
我在 HTML 页面中添加了 Highslide。

这是彩盒的代码

$("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 是 width=3648px, height=2056px

当我点击照片时，照片无法展开我的显示器全屏（1280x1024）。
只是扩展为 iframe 大小的宽度（600px）。

如何使照片在 Colorbox 弹出层中扩展我的显示器的全屏？

4

1 回答 1

0

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

于 2013-10-07T07:06:52.147 回答