jQuery图像调整大小问题

时间:2013-12-19 17:27:57

标签: javascript jquery resize width parsefloat

我在使用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>   

提前致谢!

1 个答案:

答案 0 :(得分:0)

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

另一方面,对于保持图像彼此相邻的问题,它似乎也是一个糟糕的解决方案。为什么要设置容器的宽度?如果您只是确保空白区域没有包裹,那么所有图像应该彼此相邻,而不必担心容器的宽度。

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

http://jsfiddle.net/f8y4Z/

在javascript中,我们现在只需要imageresize()(假设我们使用它来设置不同质量的源图像),并在readyresize上触发它;不需要魔法数字。

(为了向后兼容不支持或不支持white-space的浏览器,您可以使用<nobr></nobr>