Jquery Resizable Размер изображения проблема - PullRequest
Новая
       10

Jquery Resizable Размер изображения проблема

2 голосов
/ 12 января 2011

Размер изображения не определяется автоматически при использовании изменения размера jquery.И Firefox, и IE отображают изображение намного меньше, а Chrome вообще ничего не показывает.Я не могу найти прямой ответ на этот вопрос.Как это можно исправить. 

  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript">
</script>

  <img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript">
$("img").resizable();
  </script>

Ответы [ 2 ]

2 голосов
/ 12 января 2011

Не знаю, почему webkit ведет себя так.

Обходной путь должен гарантировать, что изменение размера вызывается после завершения load-event изображения. 

$("img").load(function () {
    $("img").resizable();
});

На сторонней ноте было бы лучше, если бы вы

  1. дайте изображению идентификатор и назовите его с этим идентификатором
  2. правильно закрыть тег img
0 голосов
/ 12 января 2011

@ alex показывает правильный способ изменить размер изображения. Я тестировал на Chrome, он показывает фактическую высоту и ширину. пожалуйста, перенастройте ваш браузер. иногда браузер плохо настраивается .. так происходит .. проверьте код http://bit.ly/gM8sSD

...