187 Один из пользователей плагина однажды задал вопрос, на счет возможности скрывать изображения спустя какое-то время, не прибегая к физическим правкам в самом плагине. Выход всегда есть...
Простое MooTools JavaScript решение
Изначально LazyLoad разрабатывался таким образом, чтобы обратная связь с пользователем осуществлялась через события. В LazyLoad есть событие загрузки, которое может перехватывать загрузку каждого изображения на странице. Вы можете добавить опцию onLoad к экземпляру класса, чтобы получилось исчезание:
|
1 2 3 4 5 6 7 8 |
//new instance var lazyload = new LazyLoad({ //onLoad event/option onLoad: function(img) { //set opacity to 0, fade it in! img.setStyle('opacity',0).fade(1); } }); |
Как-только изображение загрузилось, его прозрачность устанавливается на 0 и затем исчезает нод. Отметим, что событие onLoad LazyLoad не совсем подходит для загрузки, как событие onLoad для изображения. Ответ кроется в кэшировании и специфической загрузки изображения в IE. Решением проблемы может быть добавление небольшой задержки:
|
1 2 3 4 5 6 7 8 |
//new instance var lazyload = new LazyLoad({ //onLoad event/option onLoad: function(img) { //set opacity to 0, fade it in after 100 milliseconds (function() { img.setStyle('opacity',0).fade(1); }).delay(100); } }); |
Заметка: Плагин не работает на WebKit браузерах, потому как у них есть ошибка, связанная с нормальной работой загрузки изображений и их кэширования. При этом плагин прекрасно внедряем и достаточно стабилен на поддерживаемых браузерах.
