jquery调整大小图像

嘿家伙，快速问题，我想要做的就是调整图像的大小，以适应一个小容器，当我运行此功能。现在，div中只显示图像的一部分。如果有人有任何想法，我将不胜感激任何建议。jquery调整大小图像

$(this) 
     .css({ 
      backgroundImage : 'url(' + src + ')', // set background image 
      backgroundPosition : 'center center',  // position background image 
      backgroundRepeat : 'no-repeat'   // don't repeat image 
     });

来源

2010-05-06 Scarface

只有非常现代的浏览器（即Webkit）可以缩放背景图像。所以我建议插入一个新的DOM元素作为图像，然后改变它的高度和宽度应该缩小它。比使用CSS（像position和z-index这样的东西应该会对你有帮助）将它定位在你需要的地方。

来源

2010-05-06 23:53:36

同意。如果你想为所有人提供良好的浏览体验，你应该这样做。如果图像尺寸不同，则需要进行宽高比计算。 – jay 2010-05-06 23:55:22

是啊多数民众赞成在我的想法。多谢你们。 – Scarface 2010-05-07 01:14:17

嗯，这是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);

来源

2013-07-29 14:05:20

jquery调整大小图像

回答

相关问题