Спроси у сварщиков, как сделать, чтоб при наведении мыши на миниатюру картинки тут же выскакивала картинка сохранённая в оригинале? А очень просто. Вот эффект увеличения картинки. Скопируй этот ужос на сайт, на страницу со стилями. Или между тегами <head>…</head> . Это — раз.

 <style type=»text/css»>

/*——  Фотоувеличитель начало —— */

/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href=»#nogo»>

Иначе увеличитель не будет работать в IE6 */

.ienlarger {

 float: left; /* Можно установить left или right по необходимости */

 clear: none;

 padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */

 padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */

 }

.ienlarger a {

 display:block;

 text-decoration: none;

 cursor:default;

/*  отключить курсор в виде руки, добавь правило cursor:default;*/

 }

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */

 position:relative;

 }

.ienlarger span img {

 border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */

 margin-bottom: 8px; /* Сдвигаем текст вниз от изображения */

 }

.ienlarger a span { /* Для большого изображения и названия */

 position: absolute;

 display:none;

 color: #FFCC00; /* Текст названия */

 text-decoration: none;

 font-family: Arial, Helvetica, sans-serif;

 font-size: 13px; /* Размер шрифта названия */

 background-color: #000000;

 font-weight: bold;

 padding-top: 10px;

 padding-right: 10px;

 padding-bottom: 13px;

 padding-left: 10px;

 }

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */

border-width: 0;

 }

.ienlarger a:hover span {

 display:block;

 bottom: 50px; /* Большое изображение выскакивает вверх на top: 50px от миниатюры */

 right: 10px; /* Большое изображение выскакивает влево на right: 90px от миниатюры */

 z-index: 100;

/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */

 }

.resize_thumb {

 width: 140px; /* Вводим нужный размер миниатюры здесь */

 height : auto;

 }

 /*—— / Фотоувеличитель конец —— */

</style>

 А этот ужос, скопируй в то место, где должны быть миниатюры.  Это — два. Это заклинание для одной фотки. Чтобы сделать для нескольких, пропишите для каждой  ужос заключённый между тегами <div>…</div> с атрибутами каждой фотки

Смотри как это работает. Если шота не то, пиши.