Как вам такая идея: Preload рисунков в CSS файле?

[Maslakoff]

Сплю, я значит в кровате и думаю:

А если подгружать рисунки через CSS( http://forum.htmlbook.ru/index.php?showtopic=4252 )?

Ведь точно Preload 100%-ый! + обращений к серверу меньше, а след. не стоит тратить драгоценное время)

Вот только подумал, и уже сижу за компутером, пишу php-скрипт поиска, декодирования в Base64 рисунков и вливания этого всего в CSS-файл.

А точнее:

1. Чтения списка рисунков из директории, указанной как $_REQUEST['path']

2. Проверка, что если MSIE, то выводить просто .image_im1_gif { background:url(images/im1.gif); }

3. Кодирования в Base64 и вывода как .image_im1_gif { background-image:url(data:image/ !base_content! ); }

Получился своеобразный css-images.php ( http://maslakov.uzelok.net/css-images/css-images.php )

Затем создал HTML страничку для проверки работы: http://maslakov.uzelok.net/css-images/index.html

Анонсировать php-часть пока не буду... Какие вы видите реальные плюсы и минусы такого подхода?

Вот жаль, что это под ИЕ не работает((

[Vlad]

Можно наверное проще сделать. В CSS-файле вставить изображение через фон и элементу задать положение за пределами страницы. Тогда рисунок будет загружен и закэшируется, но не показан.

[Dimitry Wolotko]

А моежА зачем за пределами страницы? Просто display:none; не подойд?т?

[Maslakoff]

Не все браузеры прелоадят рисунок, когда стоит display:none;

Vlad, это как вариант. Я хочу узнать мнение по поводу этого способа...

[Vlad]

Честно говоря, смущает меня такое использование CSS. Пока не могу понять почему именно, но вот не нравится и все.