javascript - iFrame & Galleria Photo Gallery [临时多相册] -- 调整大小？全屏？查询？ java ？

Question

所以我现在拥有的 ( http://itsdoom.com/tumblrstylewebsite.html )

是我最近在做的事情。到目前为止它非常粗糙。但我遇到的麻烦是图片库。如果你点击“工作”，它会向下滚动，你可以看到我在说什么。我想要多张相册，所以我将“Galleria”放在 iFrame 中。有明显的问题。正如我意识到我现在设置它的方式一样，Galleria/iframe 是 420px (h) x 820px (w)，在我现在使用的 1280x800 屏幕上看起来不错，但是如果用户有更高的屏幕分辨率，它看起来太小，而且无法全屏显示画廊，这是个问题。

所以我有几个问题..

1. 有没有办法让 Galleria 不仅在 iframe 中而且在整个浏览器中全屏显示？

2. 是否可以调整 iframe//内容 (Galleria) 的大小以反射(reflect)用户的屏幕分辨率？

如果有一种全屏方式，那将是最好的选择，因为拥有更高分辨率屏幕的人可以点击它。如果没有，希望其他选择是可能的。

Answer 1

是的，你可以(可能工作):

$(document).ready(function() {
  $('iframe[name="gallery"]').find('.galleria-fullscreen').bind('click', function() {
    $('iframe[name="gallery"]').css('position', 'absolute');
    $('iframe[name="gallery"]').width($(window).width());
    $('iframe[name="gallery"]').height($(window).height());
  });
});