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調整大小圖像

回答

相關問題