Проблема с увеличением картинок

Добрый день. Пытаюсь сделать плавное увеличение картинок (нескольких скриншотов из мультика) по этому уроку: http://www.luksweb.ru/view_post.php?id=273

Сейчас детально опишу, что я делаю, и прошу помочь решить возникшую проблему.

1. В main.tpl вставил код "Листинг1".

2. Скачал архив с файлами, залил папку fancybox в корень сайта, на всякий выставил права 777 для файлов и директорий.

3. Теперь вставляю в fullstoy.tpl код "Листинга 3", точнее этот код:

<h2>Скриншоты</h2>

<div align="center">

<a class="two" rel="group" title="{title}" href="[xfvalue_picture1]"><img src="[xfvalue_[picture1]" width="160" height="93" /></a>

<a class="two" rel="group" title="{title}" href="[xfvalue_picture2]"><img src="[xfvalue_[picture2]" width="160" height="93" /></a>

<a class="two" rel="group" title="{title}" href="[xfvalue_picture3]"><img src="[xfvalue_[picture3]" width="160" height="93" /></a>

<a class="two" rel="group" title="{title}" href="[xfvalue_picture4]"><img src="[xfvalue_[picture4]" width="160" height="93" /></a>

<a class="two" rel="group" title="{title}" href="[xfvalue_picture5]"><img src="[xfvalue_[picture5]" width="160" height="93" /></a>

<a class="two" rel="group" title="{title}" href="[xfvalue_picture6]"><img src="[xfvalue_[picture6]" width="160" height="93" /></a>

  </div>  

Я делаю не совсем по мануалу. Дело в том, что нет возможности делать два вида изображений, поэтому у миниатюры я прописал нужную мне ширину и высоту.

Проблема: Изначально картинки работали, т.е. миниатюры показывались, но при нажатии на них они не плавно увеличивались, а просто открывалась ссылка с изображением. Потом попробовал другой вариант, урок с уже другого сайта. Не понравилось, вернулся к этому, всё сделал в том же порядке, но теперь вместе с плавным увеличением не работают и миниатюры. Не могу понять в чем дело, прошу объяснить.

Вот то, что сейчас имеется: world of cartoons.ru/anime-tv/5-raz-raz. html

Заранее спасибо!