2010-12-10 3 views
0

Мне было интересно, как http://www.i-donline.com/straight-ups этот эффект создан. Изображения - непрозрачность 0 до тех пор, пока они не будут загружены на экран, тогда они исчезают. Я представляю функцию jquery, но я понятия не имею, как этого добиться. Есть ли учебники в Интернете? Спасибо за помощь ТараPhoto fade only in shot

ответ

1

технике называется «ленивая загрузка». Эта статья может помочь ... http://deanhume.com/Home/BlogPost/lazy-loading-images-with-jquery/22

В настоящее время самый популярный ленивый плагин загрузки для jQuery имеет проблемы совместимости браузера (http://www.appelsiini.net/2009/12/tuning-lazy-loader). YUI 2 ImageLoader (http://developer.yahoo.com/yui/imageloader/), похоже, работает хорошо.

+0

Большое вам спасибо за ответы, это отлично. Я думаю, что ленивая загрузка - это то, что я искал. Однако угасать это замечательно, так как это спасает меня от просьбы о другом проекте! Спасибо за быстрые ответы и отличные советы. –

1

, кажется, использует fadeTo() метод в методе hover() на каждом изображении

$("img").hover(
    function(){ $(this).fadeTo(0.5, "slow"}, 
    function(){ $(this).fadeTo(1.0, "fast"} 
); 

Узнайте больше о fadeTo() методе здесь: http://api.jquery.com/fadeTo/