Я прошу прощения что не понятно задал свой вопрос.
написал тут, так как обсуждался скрипт похожий на такой как у меня.
Есть рабочий скрипт
function l_image (b,a) { document.getElementById(b).src='image/'+a; }
<img src="image/img_1.png" id="layer_1"></br>
<img src="image/img_2.png" id="layer_2"></br>
Собачки: <a href="javascript:l_image('layer_1','img_3.png')">Шарик</a>,
<a href="javascript:l_image('layer_1','img_4.png')">Тузик</a>.
</br>
Кошечки: <a href="javascript:l_image('layer_2','img_5.png')">Барсик</a>,
<a href="javascript:l_image('layer_2','img_6.png')">Пушок</a>.
Нужно чтоб при клике с фотками добавлялся дополнительный DIV
примерно так:
<img src="image/img_1.png" id="layer_1"></br> <div id="111">тут что-то о собачках</div>
<img src="image/img_2.png" id="layer_2"></br> <div id="222">тут что-то о кошечках</div>
Собачки: <a href="javascript:l_image('layer_1','img_3.png')">шарик</a> <div id="333">тут инфа и ссылки о Шарике</div>,
<a href="javascript:l_image('layer_1','img_4.png')">тузик</a> <div id="444">тут инфа и ссылки о Тузике</div>.
</br>
Кошечки: <a href="javascript:l_image('layer_2','img_5.png')">барсик</a> <div id="555">тут инфа и ссылки о Барсике</div>,
<a href="javascript:l_image('layer_2','img_6.png')">пушок</a> <div id="666">тут инфа и ссылки о Пушке</div>.
еще раз прошу прощения, надеюсь на этот раз я оформил все верно, и очень очень надеюсь на вашу помощь.
спасибо