Увеличение картинки при наведение
 

НАРОД! Очень прошу, помогите реализовать скрипт! В идеале когда наводишь на картинку мышкой, она увеличивается, и в углу появляется крестик, при нажатие на который окно с увеличенной картинкой "закрывается", тоесть уменьшается.

Вот вариант!
 

ищи jQuery 1.2.6
код вставки:

<a href='images/trol.jpg' class='popup'><img src='images/trol.jpg' alt='УВЕЛИЧИТЬ' width='284' height='284'></a>

css:

.popup-frame {position:fixed;top:0;
left:0;z-index:999;width:100%;height:100%;}
.popup-closed {position:absolute;width:0;height:0;}
.popup-shadow {position:absolute;top:0;left:0;
width:100%;height:100%;background:#000;opacity:0;}
.popup-loader {position:absolute;top:50%;left:50%;overflow:hidden;
margin:-40px 0 0 -40px;width:80px;height:80px;
background:#000 url(spinner.gif) 25px 25px no-repeat;
-webkit-border-radius:15px;-moz-border-radius:15px;
border-radius:15px;opacity:.5;}
.popup-loader IMG {display:block;opacity:0;}
.popup-loaded {background-image:none;
-webkit-border-radius:0;
-moz-border-radius:0;border-radius:0;}
.popup-canvas {overflow:visible;opacity:1;}
.popup-canvas SPAN {position:absolute;top:-12px;
left:-15px;width:28px;height:28px;background:url(close.png) no-repeat;
cursor:pointer;}

У меня не работает!
 

Я наверное что-то не так сделал. Я добавил код в мой CSS файл без изменений. Вставил код со своей картинкой, но не получается.. Что еще проверить, помогите плиз! =)