Картинка в скрытом DIVе

[Николай 2357]

Осмелюсь задать еще один вопрос.

Вот такая задачка

<script type="text/javascript">
<!--
function Function_1(div){
for (i=0; i<99; i++){
document.all.tags("div").item(i).style.display="none";
}
document.all.tags("div").item(div).style.display="block";
}
-->
</script>

<a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a>
*
*
*
<a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a>
<div style="display:none">Текст 1 <img src="" name="pic1"/></div>
*
*
*
<div style="display:none">Текст 100 <img src="" name="pic100"/></div>

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

У меня два вопроса, если не втягость, как насчет валидности отсутствие src у img и еще, может не стоит городить огород с JS, а можно через CSS (у меня по этой теме плохо с матчастью)