mootools-lazy-load

Исчезающие изображения на MooTools LazyLoad плагине

Один из пользователей плагина однажды задал вопрос, на счет возможности скрывать изображения спустя какое-то время, не прибегая к физическим правкам в самом плагине. Выход всегда есть...

Простое MooTools JavaScript решение

Изначально LazyLoad разрабатывался таким образом, чтобы обратная связь с пользователем осуществлялась через события. В LazyLoad есть событие загрузки, которое может перехватывать загрузку каждого изображения на странице. Вы можете добавить опцию onLoad к экземпляру класса, чтобы получилось исчезание:

Как-только изображение загрузилось, его прозрачность устанавливается на 0 и затем исчезает нод. Отметим, что событие onLoad LazyLoad не совсем подходит для загрузки, как событие onLoad для изображения. Ответ кроется в кэшировании и специфической загрузки изображения в IE. Решением проблемы может быть добавление небольшой задержки:

Пример

Заметка: Плагин не работает на WebKit браузерах, потому как у них есть ошибка, связанная с нормальной работой загрузки изображений и их кэширования. При этом плагин прекрасно внедряем и достаточно стабилен на поддерживаемых браузерах.


Оставить комментарий