Почему при срабатывании jquery появляется «дерганье»?

Question

[nickostyle]

Вообщем, есть пару скриптов, которые регулируют размер некоторых блоков динамически. Проблема в том, что скрипт выполняется только после полной загрузки страницы (что логично), поэтому, к примеру, изображение сначала отображается в исходном размере, а потом дергается - и получает новый размер. Получается некрасиво, нельзя ли как то это исправить? Чтобы при показе страницы все jqeury параметры были уже установлены.

Вот простой пример

var entryPreview = $('.entry-preview');
	var contentWidth = $('.content-area').width();

	entryPreview.width(contentWidth);

Comments

[Илья Шатохин]

Пример вашего кода бы, что там jquery делает.

[Евгений Петров]

Да, для понимания и качественного ответа пример самое то. Учтите на будущее.

Answer 1

[Илья Шатохин]

Ждать полной загрузки не обязательно:

<script> <!-- самым первым элементом в body -->
$(document).on("load", "img.dyn", function () {
  var img = $(this);
  /* ваш код динамического ресайза */
});
</script>
<img class="dyn" src="/img.png">

Comments

[Евгений Петров]

DOMready — не полная загрузка, а окончание построения DOM.

[Илья Шатохин]

Евгений Петров: можно у каждой картинки сделать onload="setDyn()" и написать общую функцию выше картинок.

[Илья Шатохин]

Евгений Петров: расширил ответ.

[Евгений Петров]

Я сталкивался с тем, что для картинок из кэша нужно проверять свойство complete.

[Евгений Петров]

Вот тут приводил код, хотя и для другой цели Возможно ли с помощью js вытащить картинку из тега img?