Всплывающие изображения при клике

[den1k]

Здравствуйте. Нужно создать галерею изображений в статье, с увеличением при клике и возможностью перелистывания. Наглядный пример: http://skafikupesaratov.ru/встроенный-шкаф-купе-фото.html

Нашел в поиске код: 

<a class="colorbox2" href="/image/data/Test/big.jpg" rel="colorbox"><img src="/image/data/Test/small.jpg" /></a> <script type="text/javascript"><!--
$('.colorbox2').colorbox({
overlayClose: true,
opacity: 0.5
});
//--></script></p>

Но получается вот что: http://mebel-standart.ru/index.php?route=information/information&information_id=12

Т.е. получается как переход на страницу изображения, с невозможностью перелистывания. Подскажите пожалуйста как правильно подредактировать, что бы получить то что нужно.

[halfhope]

Добрый вечер) В консоли браузера (Ctrl+Shift+i) видна ошибка, которая говорит от том, что функции colorbox не существует. Вы не подключили стили и скрипты colorbox-а в шапке сайта. Лучше делать это через контроллер, чтобы стили и скрипты colorbox загружались только тогда когда они нужны, а не подгружались на каждой странице сайта. Найдите файл catalog/controller/information/information.php и добавьте в начало функции index() строки:

$this->document->addStyle('catalog/view/javascript/jquery/colorbox/colorbox.css');
$this->document->addScript('catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js');

 

[den1k]

Благодарю за быстрый и полезный ответ :)