Mootools и Lazyload - PullRequest
       15

Mootools и Lazyload

0 голосов
/ 26 ноября 2010

Я разработал JS-сайт с использованием библиотеки Mootools и столкнулся с трудностями.На странице есть прокручиваемый div, содержащий 500+ изображений, и я пытаюсь реализовать функцию отложенной загрузки, чтобы страница не загружала все 500+ изображений одновременно.

Я обнаружил Дэвида Уолшакласс lazyload , но он не работает в браузерах webkit (он говорит, что это из-за ошибки WebKit # 6656 ).

Я также нашел этот класс и , кажется, работает, но на самом деле это не так.Он по-прежнему загружает все изображения на странице, но скрывает изображения за пределами области просмотра и затемняет их при прокрутке в представление.

Похоже, что существует ряд классов lazyload jQuery, которые работают действительно хорошо (в все браузеры), но я уже несколько недель занимаюсь разработкой этого сайта и не могу на самом деле оправдать переход на это или использование двух библиотек.

Кто-нибудь знает, существует ли там класс lazyload Mootoolsчто работает в браузерах webkit?Если нет, есть какие-либо рекомендации?Нужно ли прибегать к использованию jQuery вместе с Mootools?

Эта проблема немного задерживает разработку.

1 Ответ

2 голосов
/ 02 декабря 2010

Вы можете обернуть изображения внутри тега noscript.Браузеры не будут загружать изображения внутри, если у вас включен Javascript.Хорошая вещь об этом - то, что это ухудшается хорошо для не-JS браузеров.Я опишу более подробно здесь:

http://experimentsbykevin.tumblr.com/post/754769738/lazy-image-loading

...