Image onMouseover

[lil bit]

I am working on a photo gallery for my website & I can not get the onMouseover to work properly. I have tried everything that I can think of and to no avail, I am looking for a little help. What I have is a CSS based setting for the photo gallery. On the right side of the page is a small thumb nail view of the pictures, and on the left side is a single place holder for the small thumb nails to pop over into to show as a bigger version.

Here is the code that I have for the pictures:

<div class="main">
<div class="greybox2">

<a href="#" class="preview">
<img src="./images/img1.jpg" width="274" height="188" alt="Our House" id="previewing" target="_self1" /></a>

<div class="right">

<a href="#" onmouseover="change('_self1')">
<img src="albums/album1/img001.jpg" width="62" height="59" alt="Front" title="Front" /></a>
<a href="#" onmouseover="change('img1')">
<img src="albums/album1/img005.jpg" width="62" height="59" alt="Back" title="Back" /></a>
<a href="#" onmouseover="change('img1')">
<img src="albums/album1/img006.jpg" width="62" height="59" alt="Back Yard" title="Back Yard" /></a>
<a href="#" onmouseover="change('img1')">

<div class="cleaner">
&nbsp;</div></div>
---------------------------------------------
I am trying to stay away from javascript because I want to have two or three sections like this on one page. Is there a way to do this without javascript??

Thanks in advance.

[Major Payne]

See author's source code for this one: A Photograph Gallery (http://www.cssplay.co.uk/menu/gallery.html)

Look around as there are many other CSS examples and some that use CSS and JS.