[hentony]

Все, у меня получилось!!
Спасибо. Я соединила два кода, кое-что добавила, и вот -

<style type="text/css">
#showcontent { height: 100%; width: 98%; overflow: auto; //overflow: hidden; //overflow-x: auto;}
.previmg { width: 50px; height: 50px; cursor: hand; }
</style>

<script language="JavaScript">
function changeContent(id)  {
    obj = document.getElementById("content" + id);
    if (!obj) return false;  
    cobj = document.getElementById("showcontent");  
    cobj.innerHTML = obj.innerHTML;  
    return true;
}
function SetBorder(id) {
		var obj;
		for(i=1;i<=4;i++) {
        	obj = document.getElementById('p'+i);
        	obj.border = (i==id)?3:0;
		}
	}
</script>

<!-- Невидимые поля с содержимым -->
<div id="content1" style="display:none;"><img src="razminka/[Sketch_Turner]_balt1.jpg"></div>
<div id="content2" style="display:none;"><img src="razminka/[Sketch_Turner]_balt2.jpg"><br>Текст текст текст</div>
<div id="content3" style="display:none;"><h2>Третья страница</h2><p>Конец!</p></div>
<!-- / Невидимые поля с содержимым -->

<img src="razminka/pic_sm1.gif" class="previmg" id="p1" onClick="changeContent(1); return false;" onMouseDown=" SetBorder(1);">
<img src="razminka/pic_sm2.gif" class="previmg" id="p2" onClick="changeContent(2); return false;" hspace="10" onMouseDown=" SetBorder(2);">
<img src="razminka/pic_sm3.gif" class="previmg" id="p3" onClick="changeContent(3); return false;" onMouseDown=" SetBorder(3);">
<br>
<br>
<div id="showcontent"></div>
<script>
changeContent(1);
</script>

Теперь у меня есть и рамочка и картинка с текстом.
вот тут тест: http://state-of-the-art.spb.ru/test/gallery.php