Результаты Google и документация jQuery указывают, что методы jQuery height () и width () не прилагают усилий для поддержания пропорциональности элемента.
Тем не менее, когда я запускаю свой код, кажется, что пропорциональность действительно поддерживается.
Кто-нибудь может поставить рекорд прямо?
Вот мой код:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
<script src="jquery.gallery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img').gallery();
});
</script>
</head>
<body>
<img src="img1.jpg" alt="" />
<img src="img2.jpg" alt="" />
<img src="img3.jpg" alt="" />
</body>
</html>
jquery.gallery.js
(function( $ ){
$.fn.gallery = function() {
return this.each(function() {
var e = $(this);
e.height(128);
});
};
})( jQuery );