jquery调整大小图像
问题描述:
嘿家伙,快速问题,我想要做的就是调整图像的大小,以适应一个小容器,当我运行此功能。现在,div中只显示图像的一部分。如果有人有任何想法,我将不胜感激任何建议。jquery调整大小图像
$(this)
.css({
backgroundImage : 'url(' + src + ')', // set background image
backgroundPosition : 'center center', // position background image
backgroundRepeat : 'no-repeat' // don't repeat image
});
答
只有非常现代的浏览器(即Webkit)可以缩放背景图像。所以我建议插入一个新的DOM元素作为图像,然后改变它的高度和宽度应该缩小它。比使用CSS(像position和z-index这样的东西应该会对你有帮助)将它定位在你需要的地方。
答
嗯,这是CSS:
#container{
background-size: cover;
-moz-background-size: cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
的Jquery:
var url = "your_url";
$('#container').css("background-image", url);
同意。如果你想为所有人提供良好的浏览体验,你应该这样做。如果图像尺寸不同,则需要进行宽高比计算。 – jay 2010-05-06 23:55:22
是啊多数民众赞成在我的想法。多谢你们。 – Scarface 2010-05-07 01:14:17