Question

我似乎遇到了一个在今天之前没有用一些代码来解决的问题。虽然superslides的jquery脚本工作得很好，但我们今天收到的消息是我们的网站看起来很奇怪，所以我去检查了一下。看起来我们的超级滑块中的图像大小调整突然完成了错误，它会导致图像移出其区域而不会隐藏在溢出中。

它为图像的高度指定了一个错误的高度变量，除非我在宽度上调整大小，而不是修复它。每当我调整高度时，它都会再次失败。

所以我想知道发生了什么，并检查是否有修改完成。没有发生，我在测试服务器上检查了我运行不同版本的网站，我知道应该工作正常，但它有同样的问题。我交叉检查浏览器，看看它是否是浏览器问题，没有运气。

现在经过一些扣除和测试后，我认为它与变量如下所述有关。

.... some code ..... <-- line 117 in jquery.superslides.js
} else {
      $('body').css({
        margin: 0
      });

      that.$el.css({
        position: 'relative',
        overflow: 'hidden',
        width: '100%',
        height: that.height
      });

由于一些奇怪的原因，（从技术上来说，this因为它定义为var that = this;）不计算div的高度，但只是吐出一个我甚至无法弄清楚的数字。图像也是如此，所以我的问题是，哪里出错？

我暂时从我的网站上移除了超级幻灯片，但问题就出现在我们的测试域和我的个人测试空间上，原因有些奇怪，因为它几天前就完美无缺。

在此处查看：http://test.thewebfanatics.com/jellyweb

Answer 1

Superslides默认使用$(window).height()，在您的情况下失败。
您可以注入另一个具有正确大小的对象，或者您可以将$(window).height()修改为已读here：

如果没有doctype代码，Chrome会为两个来电报告相同的值。

添加严格的文档类型<!DOCTYPE html>会导致值按照广告的方式工作。

Superslides将图像调整为大图像

1 个答案: