Форум

igro · #1 (**permalink**) 25.04.2015, 13:11

Здравствуйте. Сделал простенький скрипт для установки размеров изображения:

$(document).ready(function() {
    var t = $("img").naturalHeight,
        i = $("img").naturalWidth;
    $("img:not([width])").attr({
        height: t,
        width: i
    })
});

На одном сайте работает отлично, а на другом не работает вообще. В консоли пусто. JQuery подключено.
В чем может быть проблема?

рони · #2 (**permalink**) 25.04.2015, 16:25

Сообщение от igro

naturalHeight

это что?

igro · #3 (**permalink**) 25.04.2015, 17:11

Возвращает реальный размер, но не суть. Переписал, но все равно не работает:

var $img = $('img');
$img.load(function(){
    var width  = $(this).width();
    var height = $(this).height();
	$(this).attr("width", width);
	$(this).attr("height", height);
});

laimas · #4 (**permalink**) 25.04.2015, 17:55

А так:

$(this).css({width: this.width, height: this.height});

naturalHeight - нет такого в jQ.

рони · #5 (**permalink**) 25.04.2015, 18:01

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>

igro · #6 (**permalink**) 25.04.2015, 18:02

Не работает

igro · #7 (**permalink**) 25.04.2015, 18:18

Спасибо огромное. Решение от рони помогло!

Форум

Справочник

Discord чат

Курсы javascript