Как стать автором
Обновить

Комментарии 17

<img src="./images/empty.png" url="./images/1200.jpg" type="group1" />

Может лучше все-же сделать «data-url» и «data-type»?
Насчет демо и кода — лучшеб залили код на гитхаб а демо на jsfiddle например. Лично у меня не грузится rghost(ну и я не видел ни кода ни демо).
Интересный подход с подстановкой картинок-заглушек. Сам когда-то сталкивался с подобной проблемой и писал велосипед, но о заглушках не подумал.
Поддерживаю MechanisM и жду код на github )
Демо можно запускать прямо с github — htmlpreview.github.com/?https://github.com/bakhirev/lazyLoadingImages/blob/master/demo.html
Предзагрузки при скролле страницы нет?
Нет, нету. Но идея очень понравилась, добавлю в следующий коммит. Спасибо!
1) Не нравится что атрибут src получается, как я понял, заглушкой в коде страницы (может быть плохо для индексации)
2) Есть же такой скрипт thinkpixellab.com/pxloader/
1. Да плохо, но решение пока не нашел. На работе посоветовали на лету делать подмену на адрес заглушки, но на практике — оказалась лажа. Браузер все равно успевал начать загрузку большого изображения.
2. Насколько я понял — он в canvas рисует ->
а. Нет поддержки в старых браузерах
б. Делает верстку менее очевидной. Больше смахивает на плагин для создания слайдеров.
Демо лучше в онлайн выложить, а не архивом
Да, мой косяк, но ссылка написанная DjOnline (htmlpreview.github.com/?https://github.com/bakhirev/lazyLoadingImages/blob/master/demo.html) очень хорошо показывает суть модуля, т.к. картинки по ней грузятся очень долго. Используй её.
и вычислять изображения «за сгибом» страницы не планируется?
Поясни «вычислять изображения «за сгибом» страницы»? в плане, когда пользователь собирается переключить видимую вкладку?
в плане — скрывать только невидимые изображения, а видимые показывать
Спасибо! Поправил. Буду очень благодарен за код ревью, если не лень конечно.
я дико извиняюсь, но зачем, когда есть www.appelsiini.net/projects/lazyload

и зачем src="./images/empty.png" когда есть src=«data:image/gif;base64,....»,
а еще проще src=«data:null»
1.
> Lazy Load Plugin for jQuery.
> jQuery
Решение для тех, кто по какой-либо причине должен отказаться от jQuery или вообще от сторонних библиотек (он весит столько же как и этот плагин, только 90kb jQuery уже не нужны).

2. src=«data:null» — не проще, ибо появляется значок image
ладно, тогда так data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории