Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.04.2015, 13:11
Аспирант
Отправить личное сообщение для igro Посмотреть профиль Найти все сообщения от igro
 
Регистрация: 01.08.2014
Сообщений: 30

Не работает код jquery
Здравствуйте. Сделал простенький скрипт для установки размеров изображения:
$(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
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от igro
naturalHeight
это что?
Ответить с цитированием
  #3 (permalink)  
Старый 25.04.2015, 17:11
Аспирант
Отправить личное сообщение для igro Посмотреть профиль Найти все сообщения от igro
 
Регистрация: 01.08.2014
Сообщений: 30

Возвращает реальный размер, но не суть. Переписал, но все равно не работает:
var $img = $('img');
$img.load(function(){
    var width  = $(this).width();
    var height = $(this).height();
	$(this).attr("width", width);
	$(this).attr("height", height);
});
Ответить с цитированием
  #4 (permalink)  
Старый 25.04.2015, 17:55
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А так:
$(this).css({width: this.width, height: this.height});


naturalHeight - нет такого в jQ.
Ответить с цитированием
  #5 (permalink)  
Старый 25.04.2015, 18:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Реальный размер картинок
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>
Ответить с цитированием
  #6 (permalink)  
Старый 25.04.2015, 18:02
Аспирант
Отправить личное сообщение для igro Посмотреть профиль Найти все сообщения от igro
 
Регистрация: 01.08.2014
Сообщений: 30

Не работает
Ответить с цитированием
  #7 (permalink)  
Старый 25.04.2015, 18:18
Аспирант
Отправить личное сообщение для igro Посмотреть профиль Найти все сообщения от igro
 
Регистрация: 01.08.2014
Сообщений: 30

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передалать код под jQuery Дани jQuery 0 08.02.2012 20:37
код нe работает в фаирфохе dadli Javascript под браузер 2 28.01.2012 21:18
Не работает аякс в jQuery Form Ticksy jQuery 4 19.07.2011 12:55
Перевести код с prototype в jquery alexey_samara jQuery 2 07.12.2010 16:52
Не работает код из внешнего файла в IE6 Petka jQuery 2 03.03.2010 16:09