javascript - 使用 "supersized"jQuery 插件按比例调整全屏图像的大小

Question

我正在使用一个名为 Supersized 的 jQuery 插件全屏显示图像。

您可以在此处(在主页上)查看示例:http://mysampleconcept.com/situs4/

如果您尝试缩小屏幕，您会注意到图像也会调整大小，但它可能会缩小太多以至于图像看起来很糟糕。

此处也使用相同的插件:http://mysampleconcept.com/situs3/ ;但是，调整大小的方式不同，因此图像不会超出比例。

我试着比较了两个网站上的插件设置，它们似乎都很相似。

我已经尝试在我的 css 中将图像宽度和高度设置为 100% !important 但没有帮助。

关于如何实现相同行为的任何建议？

Answer 1

问题出在您的图像全部基于“max-width:100%”的通用 CSS。

检查你的 css 重置是否有类似的东西

img { max-width: 100%; }

超大官方对“supersized.3.2.7.js”文件有解决方案: https://github.com/buildinternet/supersized/issues/103

如果按照官方的解决方案无法解决，请尝试只在超大的 css 中添加:

#supersized img { max-width: none; }

这个棘手的是 http://blog.valderama.net/node/30