Клонирование элемента с изображением, изображение занимает время, чтобы появиться - PullRequest
Новая
       4

Клонирование элемента с изображением, изображение занимает время, чтобы появиться

4 голосов
/ 21 ноября 2011

Я пытаюсь клонировать элемент с помощью jQuery, а затем анимировать его. Исходный элемент содержит изображение, которое уже загружено и показано до клонирования. Однако в клонированном элементе изображение отображается только примерно на половине пути анимации.

Вот HTML-код элемента для клонирования: 

<div class='item'>
     <div class='picture'><img src='img/picture1.jpg'></div>
     <h3>Item</h3>
     <p class='price'>$25</p>
     <div class='desc'>Image description...</div>
 </div>

И jQuery, который я использую для клонирования: 

itemObject = $(".item"); // Code has proper selector to choose appropriate item
newItemObject = itemObject.clone()

// Overlay new object over original object
newItemObject.appendTo('#main').css({
    'position': 'absolute',
    'top': itemObject.offset().top,
    'left': itemObject.offset().left
});

// Do animation on newItemObject...

Это всегда происходит при клонировании элементов с изображениями? Что-то не так с тем, что я делаю? Как я могу это исправить?

1 Ответ

3 голосов
/ 21 ноября 2011

Убедитесь, что заголовки для изображения позволяют браузеру кэшировать его.(Спасибо Jonas H )

(Изображения обслуживались из файла PHP, который их не кэшировал, поэтому они были перезагружены при клонировании.)

...