Question

所以我现在拥有（http://itsdoom.com/tumblrstylewebsite.html）

是我一直在努力的最新产品。到目前为止非常粗糙。但我遇到的麻烦是图片库。如果你点击“工作”它会向下滚动你，你可以看到我在说什么。我想拥有多张专辑，所以我把“Galleria”放在了iFrame中。有明显的问题。当我意识到我现在设置它的方式时，Galleria / iframe是420px（h）x 820px（w），这在我正在使用的屏幕上看起来很好1280x800，但如果用户有更高的屏幕分辨率，它看起来太小了，而且没有能够全屏显示广场，这是一个问题。

所以我有几个问题..

无论如何，不仅在iframe中而且在整个浏览器中使Galleria全屏？
无论如何要调整iframe //内容（Galleria）以反映用户的屏幕分辨率？

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

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());
  });
});

iFrame＆amp; Galleria照片库[临时多张专辑] - 调整大小？全屏？ jQuery的？ java吗？

1 个答案: