- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在为我的画廊使用 Slimbox2,但缺少一项重要功能 - 调整框架大小以适合屏幕。当图像太大时,它会超出屏幕。有没有人找到解决方案?
解决这个问题对我来说真的很重要,在此先感谢!
最佳答案
我遇到了同样的问题,我是这样做的:
我打开了 slimbox2.js 文件并替换了:
$(image).css({backgroundImage: "url(" + activeURL + ")", visibility: "hidden", display: ""});
$(sizer).width(preload.width);
$([sizer, prevLink, nextLink]).height(preload.height);
与:
/* make sure the image won't be bigger than the window */
window.innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; //ie fix
window.innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //ie fix
var winWidth = window.innerWidth-200; //browser width
var winHeight = window.innerHeight-100; //browser height
var my_w = preload.width; //original width
var my_h = preload.height; //original height
// scale width
var scaleW1 = winWidth;
var scaleH1 = (my_h * winWidth) / my_w;
// scale height
var scaleW2 = (my_w * winHeight) / my_h;
var scaleH2 = winHeight;
var scale = (scaleW2 > winWidth);
if (scale) {
reswidth = Math.floor(scaleW1);
resheight = Math.floor(scaleH1);
}
else {
reswidth = Math.floor(scaleW2);
resheight = Math.floor(scaleH2);
}
if ($("p").hasClass("slimboxie")){
$(image).css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='"+ activeURL + "', sizingMethod='scale')", visibility: "hidden", display: ""});
$(sizer).width(reswidth);
$([sizer, prevLink, nextLink]).height(resheight); }
else {
$(image).css({backgroundImage: "url(" + activeURL + ")", backgroundSize: reswidth + "px " + resheight + "px", visibility: "hidden", display: ""});
$(sizer).width(reswidth);
$([sizer, prevLink, nextLink]).height(resheight);
}
我是业余爱好者,所以请善待 :) 如果您对修复它有任何疑问,请问我 :)
关于jquery - Slimbox2 适合窗口 - CSS, jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18862545/
这个问题不太可能帮助任何 future 的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visit
到目前为止,我的想法是实现一个函数 popup("url") 检查现有的 cookie,该 cookie 通过加载页面主体来触发(onLoad - 我知道这不是一个很好的解决方案)。我使用了 here
我试图将 Slimbox 集成到我的网页中,但无法使其正常工作。由于某种原因,弹出窗口位于整个页面的中心,而不仅仅是其可见部分。以下是情况示例:here . 我在 Linux 上的 Firefox 和
我在使用 WordPress 的 Slimbox 2 插件 ( http://www.digitalia.be/software/slimbox2 ) 时遇到了一些小问题。 您可以看到左右链接是在实时
我有一个图片库,我在其中使用 slimbox。我想知道是否可以在单击/将鼠标悬停在图库中的图像后显示的图像中添加链接,因为我能够在标题/说明中添加链接。 最佳答案 是的。您可以为每个图
我们的应用中有几张图片,其中一些图片的宽度小于 100 像素。发生这种情况时,slimbox 标题文本和“关闭 [X]”链接会被 chop 。有没有办法强制 slimbox 弹出窗口到最小宽度?有一个
我正在为 MooTools 1.2 ( Demo ) 使用 Slimbox 1.71 如果我单击展开的图像本身,我想关闭展开的图像。 我该怎么做? 最佳答案 修改核心脚本是不好的做法(假设您更新了脚本
我的问题很像这个已解决的线程,除了我使用的是 Slimbox 2: Hide Image Title Tool Tip Popup on Mouse Rollover or Hover 当您将鼠标悬停
大家好, 任何人都知道如何将 slimbox 的覆盖窗口大小限制为用户窗口大小的百分比(就像 Prettyphoto 那样) 谢谢 这是模块代码: http://paste.ly/3Kz 还有 sli
根据Slimbox2 documentation不支持此功能。但我想知道是否有人遇到过任何使这项工作有效的技巧。 我主要担心的是我的一些图像相当长,并且在低分辨率下 LightBox2 会给用户带来恼
我需要有关如何让这个 slimbox 2 脚本与这个页面一起工作的帮助吗?并且知道它与 div 和所有东西有关,但我无法弄清楚。请帮忙!! 这里是页面:Gasbrassan 还有她的 slimbox
加载 ajax 内容后,我在重新绑定(bind) slimbox2 时遇到问题。我意识到我需要重新绑定(bind) ajax 加载上的函数,但我不知道该怎么做。我正在使用此代码生成外部内容。 $(do
我目前正在开发一个使用两个 jQuery 插件的网站: jQuery Flickr plugin jQuery Slimbox plugin 第一个插件用于从特定帐户提取 flickr 照片。这些照片
当您有一个使用 Slimbox V2 的网站并升级到 jQuery 1.9.1 时,您会遇到奇怪的行为。半透明覆盖层位于图像前面而不是后面。 升级之前,我使用 jQuery 1.8,一切正常。网站上没
我是一名优秀的程序员,十分优秀!