Не работает код jquery
Здравствуйте. Сделал простенький скрипт для установки размеров изображения:
$(document).ready(function() {
var t = $("img").naturalHeight,
i = $("img").naturalWidth;
$("img:not([width])").attr({
height: t,
width: i
})
});
На одном сайте работает отлично, а на другом не работает вообще. В консоли пусто. JQuery подключено. В чем может быть проблема? |
Цитата:
|
Возвращает реальный размер, но не суть. Переписал, но все равно не работает:
var $img = $('img');
$img.load(function(){
var width = $(this).width();
var height = $(this).height();
$(this).attr("width", width);
$(this).attr("height", height);
});
|
А так:
$(this).css({width: this.width, height: this.height});
naturalHeight - нет такого в jQ. |
Реальный размер картинок
igro,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
img {
width: 50px;
height: 50px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var $img = $('img');
$img.load(function(){
var img = new Image();
img.src = this.src;
var width = img.width;
var height = img.height;
$(this).css({"width": width, "height" : height});
});
});
</script>
</head>
<body>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="">
</body>
</html>
|
Не работает
|
Спасибо огромное. Решение от рони помогло!
|
| Часовой пояс GMT +3, время: 16:25. |