HTML+CSS+JavaScript

Загружать картинки изображений только когда их видно. Как сделать?

<img src="..." onerror="this.style.display = 'none'">

Это вроде вообще не то. Т.е. если изображение не показывается, то оно просто не отображается на странице. Это я так понял.

Нужно, чтобы оно наоборот отображалось только тогда, когда пользователь прокрутил страницу до того места, что изображение стало доступно для показа в окне браузера.

Оно, конечно, позаморачиваться можно:-)

Нужно прописать все теги <IMG> без указания SRC, но каждому дать через стили размеры (чтобы страница потом не прыгала) и прописать position: relative.
По загрузке страницы надо определить абсолютные положения всех этих тегов <IMG>.
И запустить функцию, которая будет отслеживать проскролленность документа.

Ну а потом как этой функции действовать?
Положим, юзер ухватился мышкой за скроллбар и протянул его СРАЗУ в нижнее положение.
ВСЕ картинки страницы надо загружать или только те, что видны при нижнем положении скроллбара?

А если юзер будет скроллить страницу не так быстро, а с помощью колёсика?

Загружать картинку надо в момент, когда из-под нижней границы окна появится первый пиксель картинки? Или когда картинка ВСЯ поместится в окно браузера?
А если юзер скроллит страницу снизу вверх?

[поправлено модератором]

Вообще не понял, что вы тут написали! O_o

[поправлено модератором]

Ты это всем на форуме пишешь?

На мой взгляд, Абырвалг задал правильные вопросы. Все эти вопросы обязательно вылезут при написании скрипта, возможно, что Абырвалг поднял не все вопросы.
Хорошие, правильные вопросы, на которые придётся отвечать по мере написания скрипта.
А тот кто не понимает, что это реальные вопросы, а не приколы, тот просто ни когда не писал, даже маленьких программ.



Maxam, а зачем это вообще нужно, в чём идея?

Выводиться слишком большой список, а в каждом его пункте есть картинка. Если пользователю не нужно видеть последние пункты, то зачем загружать ему эти байты?

Если есть хоть малейшее сомнения в том, что клиенту не нужно ВСЁ содержимое страницы СРАЗУ - это первый повод задуматься о том, чтобы сделать НЕСКОЛЬКО страниц.

Энциклопедия (например, Российская) - она пользователю вообще-то ВСЯ нужна.
Но. несмотря на эту общую "нужность", энциклопедия разбита её редакторами на много томов.
По простой причине - ни один человек (если только он не потомок Алексеева или Жаботинского) таковую "единую" энциклопедию не поднимет.

Так и у Вас - если список "слишком большой", то, значит, необходимо подумать о его структурировании (мей би - ранжировании) и расчленении. И сделать несколько страниц.

Пример простейшего расчленения по рангу: Яндекс (или любой другой поисковик). При найденных 152 миллионах ответов на запрос "секс" Яндекс показывает не список из всех 152 миллионов ссылок, а всего 10, 20, 30 или 50 - в зависимости от настроек пользователя - http://yandex.ru/yandsearch?text=секс&lr=2
Пример расчленения по алфавиту - любой "Указатель имён/терминов/" в конце любого научного труда.

Продолжение.
Но если очень уж хочется "впихнуть" всё в одну страницу, то сделайте "подгружаемый контент", типа http://vkontakte.ru/search#/search?c[name]=1&c[section]=people - механизм рассмотрен в теме http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=80778&page=1

Выводиться слишком большой список, а в каждом его пункте есть картинка. Если пользователю не нужно видеть последние пункты, то зачем загружать ему эти байты?

Большие списки обычно делят, например по 10 или по 50 строк и в селекте юзеру дают возможность выбрать по сколько строк выводить. Это удобней и для проггера и для юзера.