Настройка ширины и высоты изображений с помощью jquery в браузерах webkit - PullRequest
Новая
       24

Настройка ширины и высоты изображений с помощью jquery в браузерах webkit

1 голос
/ 14 октября 2010

У меня есть изображение с классом mypic

Я использую событие загрузки, чтобы установить ширину и высоту этого изображения: 

$(window).load(function() { 
    //Here I calculate final w and h  
    $('.mypic').css("width",w);
    $('.mypic').css("height",h);
    $('.mypic').height(h);
    $('.mypic').width(w);
});

В Firefox у меня вообще нет проблем, но в браузерах webkit высота не установлена, и я не знаю почему. Это странно, так как ширина задается без проблем. Не знаю, что происходит с сафари и хромом. Я что-то пропустил? Кто-нибудь может мне помочь?

Спасибо большое.

1 Ответ

0 голосов
/ 14 октября 2010

Попробуйте 

$(function() {
   //put your code here
  $('.mypic').css({
    'width': w,
    'height': h
  });
});

Я делаю кое-что здесь:

Инкапсуляция всего этого в функцию и передача его в объект jQuery ($) обеспечит его выполнение, когдадокумент загружается (еще одно удобное использование $).

Вы можете сделать один вызов CSS с помощью объекта JSON с атрибутами, которые вы хотите установить.

О, и установка высоты CSS и вызов .height (h) идентичны, за исключением ихвозвращаемое значение (http://api.jquery.com/height/) и, поскольку вы не используете возвращаемое значение, вам не нужно вызывать оба.

В любом случае, протестировано, и оно работает в Chrome и Safari.

...