0

我在某处使用 firebug 找到了这行代码，我知道你需要在我将 3... 放在 parseFloat 后面的地方放一些东西，但我不知道是什么。当我填写一个随机数但宽度永远不是正确的并且想要在带有照片的几页上使​​用它时它会起作用，因此它始终是正确的尺寸。

script type="text/javascript">
var badBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
$(document).ready(function(){
var scaledwidth = ((parseFloat(...)*($(window).height()/4000))+50).toFixed(0);
if (badBrowser) {
$('#container img').css('height',$(window).height()+'px');
}
$('#container').css('width',scaledwidth+'px');
imageresize();
});
jQuery(window).resize(function() {
var scaledwidth = ((parseFloat(...)*($(window).height()/4000))+50).toFixed(0);
if (badBrowser) {
$('#container img').css('height',$(window).height()+'px');
}
$('#container').css('width',scaledwidth+'px');
imageresize();
});
function imageresize() {
var height = $(window).height();
if ((height) > 1340){
var quality='1440';
} else if((height) > 980) {
var quality='1080';
} else if((height) > 680) {
var quality='720';
} else if((height) > 480) {
var quality='640';
} else {
var quality='320';
}

}
</script>

提前致谢！

4

1 回答 1

0

在我看来，您需要放在那里的值取决于所有图像的宽度之和；所以你不能只选择一个适用于所有页面的值。

另一方面，对于保持图像彼此相邻的问题，这似乎也是一个糟糕的解决方案。为什么要设置容器的宽度？如果您只是确保空白不换行，那么所有图像都应该彼此相邻，而不必担心容器的宽度。

#container
{
    white-space: nowrap; /* keep images on the same line */
    font-size: 0;        /* removes whitespace between images */
}

http://jsfiddle.net/f8y4Z/

从 javascript 中，我们现在只需要imageresize()ready我们使用它来设置不同质量的源图像），并在and上触发它resize；不需要幻数。

（对于不支持或支持不佳的浏览器的向后兼容性white-space，您可以使用<nobr></nobr>）

于 2014-01-07T12:56:53.680 回答