Код:
<style> .previmg { width: 50px; height: 50px; } .bigimg { width: 300px; height: 300px; } </style>
<script language="JavaScript">
function SetBigImg(src) {
var obj = document.getElementById('big');
obj.src = src;
}
function SetBorder(id) {
var obj;
for(i=1;i<=4;i++) {
obj = document.getElementById('p'+i);
obj.border = (i==id)?3:0;
}
}
function SetText(txt) {
if (document.layers) {
var obj = document.layers.textplace;
obj.document.write(txt)
obj.document.close()
}
else if (document.all) {
var obj = textplace;
obj.innerHTML=txt
}
}
</script>
<img class="previmg" id="p1" src="prev1.jpg" onClick="SetBorder(1);SetText('<b>t</b>est1');SetBigImg('http://flasher.ru/forum/images/russian/style3/buttons/top_search.gif');">
<img class="previmg" id="p2" src="prev2.jpg" onClick="SetBorder(2);SetText('t<b>e</b>st2');SetBigImg('http://flasher.ru/forum/images/russian/flasher_logo.gif');"><br>
<img class="previmg" id="p3" src="prev3.jpg" onClick="SetBorder(3);SetText('te<b>s</b>t3');SetBigImg('http://flasher.ru/forum/images/russian/style3/buttons/buddy.gif');">
<img class="previmg" id="p4" src="prev4.jpg" onClick="SetBorder(4);SetText('tes<b>t</b>4');SetBigImg('http://flasher.ru/forum/images/russian/style3/buttons/newthread.gif');"><br>
<img class="bigimg" id="big" src="none.jpg"><br>
<div id="textplace">Нового текста пока нету!</div>