Здравствуйте, помогите пожалуйста разобраться с jquery плагином, хочу добавить вот этот плагин http://thefinishedbox.com/freebies/plugins/jquery-zoom-plugin на сайт ,
Делая так
1. hover.zoom.js добавляю в папку js
2. В файле .info подключаю плагин
3. Добавляю нужные селекторы из css ссылкам внутри которых картинки
4. Копирую картинкив папку images
5. Из файла index.html копирую код

$(function()
$('#blue').hoverZoom(); // Default

$('#green').hoverZoom({
overlayColor: '#90bd2e',
zoom: 50
});

$('#pink').hoverZoom({
overlayColor: '#bd2e75',
});

/* USAGE

$('#pink').hoverZoom({
overlay: true, // false to turn off (default true)
overlayColor: '#2e9dbd', // overlay background color
overlayOpacity: 0.7, // overlay opacity
zoom: 25, // amount to zoom (px)
speed: 300 // speed of the hover
});

*/

});

в html.php
6. В исходном коде скрипт есть, css цепляет а эффекта нет.
Что я делаю не так?