【问题标题】:iFrame & Galleria Photo Gallery [makeshift multi album] -- resize? fullscreen? jquery? java?iFrame & Galleria Photo Gallery [临时多相册] -- 调整大小?全屏? jQuery?爪哇?
【发布时间】:2011-09-15 03:04:21
【问题描述】:

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

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

所以我有几个问题..

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

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

如果有一种方法可以全屏显示,那将是最好的选择,因为拥有更高分辨率屏幕的人就可以做到这一点。如果没有,希望其他选择是可能的。

【问题讨论】:

  • 为什么要将它放在<iframe> 中?
  • 还有其他方法可以制作多张带画廊的专辑吗?我以为这是我唯一的选择

标签: javascript jquery css iframe galleria


【解决方案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());
  });
});

【讨论】:

  • 那会放在主 html 中吗?
  • or the Galleria js..or the Galleria html
  • 对不起,我不会撒谎,我是新手
  • 到主 HTML 文件。不过,您可以尝试两者;)
  • 将它添加到所有的 html 和 js 文件中,但没有任何改变,谢谢 blender
猜你喜欢
  • 2012-07-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-01-04
  • 1970-01-01
  • 1970-01-01
  • 2016-01-10
  • 2013-04-27
相关资源
最近更新 更多