Возник вот вопрос, как сделать следующее, предположим имею в странице

Из этого есно получаем кликабельную картинку, но теперь вопрос встал следующий, можно ли сделать это с помощью CSS, у меня просто меню древовидное построено на этом, а прописывая весь код каждый раз к картинке, то есть это делает пхп, очень сильно раздувается код, когда меню раскрывается, и этот сгенерированный хтмл код дольше гораздо передаётся, поскольку та же картинка многократно вызывается. Поэтому я подумал, можно ли это сделать с помощью css?
Так, чтобы не было самого <img src="my.gif">, а было нечто ввиде подстановочного держателя. Ведь видел нечто подобное уже...
Просто хочу картинки из рут директории отдельно в папку кинуть для упорядочивания, а в таком виде этого не сделаешь..

Картинки, при помощи CSS, загружать нельзя, можно загружать фоновые изображения, что в принципе похоже с виду и совсем другое внутри! =))
В общем так, можно было бы создать ссылку, превратить ее в блок, задать высоту + ширину (соответствующую картинке), и background:url(/img/kaptuhka.png);

однако, для каждого нового изображения потребуется писать свой собственный класс в css