JQUERY - 如何從中心調整圖像大小（居中註冊點）

嘗試使用animate（）調整大小（放大）圖像。沒有設法從中心調整大小 - 總是從左上角調整大小。JQUERY - 如何從中心調整圖像大小（居中註冊點）

有沒有辦法從中心註冊點調整（放大）它？負邊距/位置不起作用。

來源

2010-05-18 Tobi

您可能需要在調整圖像大小時調整頂部和左側位置，以便從中心調整大小，這意味着您需要將位置絕對置於位置更改才能生效。

來源

2010-05-18 16:07:01 Nalum

非常感謝您！ – Tobi 2010-05-18 16:20:20

你可以把圖像放在一個div內，它的大小固定爲圖像的大小。有css text-align：中心爲div，而margin：自動爲圖像，那麼它應該在div中居中。

例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 

<html lang="en"> 
<head> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("jquery", "1.4"); 
    </script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#test').animate({width: 300}); 
     }); 
    </script> 
</head> 
<div style="width: 400px; text-align: center; border: 1px solid red"> 
    <img style="margin: auto;" id="test" src="http://www.google.se/intl/en_com/images/srpr/logo1w.png" width="131" height="98" alt="Picture 1"/> 
</div> 
</div> 
</body> 
</html>

來源

2010-05-18 16:19:10 baloo

JQUERY - 如何從中心調整圖像大小（居中註冊點）

回答

相關問題