我无法解决我遇到的布局问题,并希望获得一些见解。
我在左侧有一个可以打开和折叠的菜单面板,在右侧我有 Galleria,它设置为响应模式,这意味着如果窗口大小发生更改,它会调整大小。
我要实现的目标是,当我的菜单面板折叠时,我希望响应式 Galleria 能够调整大小,反之亦然。
现在,如果面板从折叠位置开始并展开,则文档宽度会增加菜单面板的宽度,并且 Galleria 不会调整大小。从这里开始,如果我手动调整浏览器的大小,即使是单个像素,布局也会刷新,一切都很好。
因此,我开始寻找可以更新视口的方法,而无需实际更改大小,以便 Galleria 做出反应,就好像视口发生了变化一样。下面是我用于切换菜单的代码。我正试图将文档大小强制为原始大小,但即使这样也无法产生结果。
谢谢您的帮助
var documentWidth = $(document).width();
var documentHeight = $(document).height();
function hideMenu() {
$('#User_Menu').hide("slide", { direction: "left" }, 1000, function () {
showOpenMenu();
$.cookie('pj-userMenuTab', 'block')
$(document).width(documentWidth);
});
}
function showOpenMenu() {
$('#Open_User_Menu').show("slide", { direction: "left" }, 500);
$.cookie('pj-userMenu', 'none')
}
function showMenu() {
$('#Open_User_Menu').hide("slide", { direction: "left" }, 500, function () {
hideOpenMenu();
$.cookie('pj-userMenu', 'block');
});
}
function hideOpenMenu() {
$('#User_Menu').show("slide", { direction: "left" }, 1000);
$.cookie('pj-userMenuTab', 'none')
alert('...' …Run Code Online (Sandbox Code Playgroud) 我试图在Galleria JavaScript文件中找到一个地方,我告诉它每次当前图片更改时运行JavaScript函数(上一个,下一个,或点击一个缩略图)
有广告经验的人有没有想法? http://galleria.io/
如何将alts添加到Galleria图库,因为它默认不包含ALT标记.我正在使用设置为图库提供图像和经典主题.是否有人知道如何使其符合ADA规则.
我正在使用Galleria Fullscreen主题,不允许通过jQuery保存为图像(禁用右键单击).这段代码:
$('img').live('contextmenu', function(e){
return false;
});
Run Code Online (Sandbox Code Playgroud)
此代码适用于Firefox,Safari和Chrome Mac.我在Windows上测试过,不允许右键单击.但是当按下Windows键时,获取另存为图像.这是关键:

如何禁用此密钥?
galleria ×4
jquery ×4
javascript ×1
keyboard ×1
layout ×1
section508 ×1
standards ×1
viewport ×1
windows ×1