Можно ли сделать, чтобы img (display: none) изображения не загружались при загрузке страницы?

Врятли.

Раз уж поставил тег яваскрипт, можно с сервера отдавать что-нибудь типа

<img x-src="/path/to/image">

img.src = img.getAttribute('x-src');

data-src будет валидным.

Чорт, затупил, data вместо x я и имел ввиду. А невалидность о которой я говорил - отсутсвие src в сырой странице.

отсутсвие src в сырой странице

Проверил, действительно невалидно.

Можно использовать data:*.

А src=""?

Раньше Опера так и делала, а теперь вот инновации (т.к. у всех так).

Неа, валидатор не одобрил. src=«data:image/png» наверно лучше всего как предложил gatsu. Можно ещё какую-нибудь левую картинку затолкать, например ту что итак уже есть на странице чтоб она уж точно в кэше была.

Странно. Хотя всегда есть план б «валидатор, ты неправ»…

Ну или заменить на span'ы, а потом подменять элементы, если хочется извращений :)

Плюсую к фейковому src с однопиксельным gif'ом или png.

Есть такой плагин для jQuery, по-моему называется autoload. Загружает изображение, только когда оно показывается во вьюпорте браузера. Можно посмотреть, как сделано там.