Горизонтальный слайдер товаров менеджера материалов k2

Вашему вниманию предложен слайдер товаров распространенного менеджера материалов k2 joomla.

Данный слайдер тестировался на joomla версии 2,5. В основу работы положен поставляемый в комплекте с K2 модуль вывода материалов K2 Content для вывода нужного количества материалов в шаблон сайта. Настройки модуля предоставлены на картинке.

Главное в настройках – не забыть указать суффикс класса модуля div_slider с пробелом спереди.

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

Далее нужно подключить стили css для оформления. Это можно сделать, скопировав и вставив стили из предоставленного мною файла slider.css в файл стилей шаблона сайта (как правило называемого template.css) либо подключить его отдельно прописав в файле index.php шаблона.

Далее нужно подключить библиотеку jquery. Если на сайте она уже присутствует, тогда её подключать не надо, дабы избежать конфликта.

Затем подсоединяем файл настройки анимации.

При работе столкнулся с проблемой одновременного автоматического запуска анимации функцией setInterval при работе с компонентом widgetkit. Для устранения проблемы пришлось отключить автоматический запуск слайдеров widgetkit.

скачать исходники