2010-05-18 1 views
0

Показать изображение очень медленно ... после страница полностью загружена ....Показать изображение очень медленно ... после страница полностью загружена

То есть,

замирание в Effect для изображения, но это изображение должно показывать очень медленно завершения загрузки страницы ....

ответ

5

Предполагая, что вы имели в виду OnLoad (все активы скачали) и не DOMReady (сама страница готова идти):

$(window).load(function() { 
    $('img').fadeIn(10000); // 10 seconds 
}); 

Cod непроверенный. Не забудьте установить у изображений непрозрачность 0 в вашем CSS при запуске.

+0

> $ (окно) .load (функция() { > $ ('# книга') анимировать ({высота: 'показать', Непрозрачность:. 'Шоу'}, 'медленно'); > > }); Я пробовал что-то вроде этого – Bharanikumar

0

альтернативный подход к @ Matchu, по-прежнему нужен CSS непрозрачности установлен на 0

$(document).ready(function() { 
    $('img').show(10000); // 10 seconds 
}); 

EDIT: это также анимировать Hight и ширину, в дополнение к непрозрачности.

+0

Я не думаю, что 'show' и' fadeIn' имеют тот же эффект - это зависит от того, чего он действительно хочет. . – Matchu

+0

$ (окно) .load (функция() { $ ('# книга') анимировать ({ непрозрачности: 5,25, слева: '+ = 50', высота: 'тумблер' }, 5000, функция() { // Анимация завершена }); }); с этим фрагментом ... но изображение должно показать – Bharanikumar

+1

@Matchu: from jquery docs: Когда предоставляется продолжительность, .show() становится методом анимации. Метод .show() анимирует ширину, высоту и непрозрачность согласованных элементов одновременно. – derek