Загрузка картинок в фоне. Модуль на JavaScript

[MechanisM]

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

Может лучше все-же сделать «data-url» и «data-type»?
Насчет демо и кода — лучшеб залили код на гитхаб а демо на jsfiddle например. Лично у меня не грузится rghost(ну и я не видел ни кода ни демо).

[DenisZ]

Интересный подход с подстановкой картинок-заглушек. Сам когда-то сталкивался с подобной проблемой и писал велосипед, но о заглушках не подумал.
Поддерживаю MechanisM и жду код на github )

[DjOnline]

Демо можно запускать прямо с github — htmlpreview.github.com/?https://github.com/bakhirev/lazyLoadingImages/blob/master/demo.html
Предзагрузки при скролле страницы нет?

[bakhirev]

Нет, нету. Но идея очень понравилась, добавлю в следующий коммит. Спасибо!

[skorney]

1) Не нравится что атрибут src получается, как я понял, заглушкой в коде страницы (может быть плохо для индексации)
2) Есть же такой скрипт thinkpixellab.com/pxloader/

[bakhirev]

1. Да плохо, но решение пока не нашел. На работе посоветовали на лету делать подмену на адрес заглушки, но на практике — оказалась лажа. Браузер все равно успевал начать загрузку большого изображения.
2. Насколько я понял — он в canvas рисует ->
а. Нет поддержки в старых браузерах
б. Делает верстку менее очевидной. Больше смахивает на плагин для создания слайдеров.

[LostSenSS]

Демо лучше в онлайн выложить, а не архивом

[bakhirev]

Да, мой косяк, но ссылка написанная DjOnline (htmlpreview.github.com/?https://github.com/bakhirev/lazyLoadingImages/blob/master/demo.html) очень хорошо показывает суть модуля, т.к. картинки по ней грузятся очень долго. Используй её.

[sunnybear]

Лицензия?

[sunnybear]

и вычислять изображения «за сгибом» страницы не планируется?

[bakhirev]

Поясни «вычислять изображения «за сгибом» страницы»? в плане, когда пользователь собирается переключить видимую вкладку?

[sunnybear]

в плане — скрывать только невидимые изображения, а видимые показывать

[AndrewStephanoff]

// worse
global = ((global) ? global : window);


// better
global = global || window;

[bakhirev]

Спасибо! Поправил. Буду очень благодарен за код ревью, если не лень конечно.

[maserg]

я дико извиняюсь, но зачем, когда есть www.appelsiini.net/projects/lazyload

и зачем src="./images/empty.png" когда есть src=«data:image/gif;base64,....»,
а еще проще src=«data:null»

[bakhirev]

1.
> Lazy Load Plugin for jQuery.
> jQuery
Решение для тех, кто по какой-либо причине должен отказаться от jQuery или вообще от сторонних библиотек (он весит столько же как и этот плагин, только 90kb jQuery уже не нужны).

2. src=«data:null» — не проще, ибо появляется значок

[maserg]

ладно, тогда так data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==