Здравствуйте, тут такая беда у меня, modx evo 1.0.5. Пытаюсь установить jQuery слайдер для каждой внутренней страницы, для прикрепления нескольких фотографий через TV параметр использую плагин MultiPhotos. Подсматривал на разных форумах, скорее всего много лишнего, в modX понимаю мало, отсюда и вопросы. Делаю следующим образом:
Создаю чанк galeryHead:
<link type="text/css" href="[(site_url)]assets/templates/blog/css/default.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="[(site_url)]assets/templates/blog/js/init.js"></script>
<script type="text/javascript" src="[(site_url)]assets/templates/blog/js/mobilyslider.js"></script>
<script language="javascript">
<!--
$(document).ready(
function (){
$("#pikame").PikaChoose();
$("#pikame").jcarousel({scroll:4,
initCallback: function(carousel)
{
$(carousel.list).find('img').click(function() {
//console.log($(this).parents('.jcarousel-item').attr('jcarouselindex'));
carousel.scroll(parseInt($(this).parents('.jcarousel-item').attr('jcarouselindex')));
});
}
});
});
-->
</script>
Его вставляю в HEAD.
C помощью MultiPhotos к странице прикрепляю несколько изображений, с эти вроде все нормально.
Затем создаю чанк: tpl_gallery_nav
<a href="[+link+]" id="thumb_[+num+]"><img src="[+url+]" alt="[+title+]" title="" /></a><span>[+title+]</span>
Затем чанк самого слайдера: GALLERY
<div class="slider slider3">
<div class="sliderContent">
<div class="item">
[[MultiPhotos? &tvname=`photos` &rowTpl=`tpl_gallery_nav`]]
</div>
</div>
</div>
На странице где должен быть слайдер вывожу чанк GALLERY. Проблема в том что галерея появляется нормальная с оформлением дизайном, но вот картинки ни как не переключаются, т.е наживаю на кнопку, слайдер делает вид что переключает, но нет, картинка остается та же. Еще при нажатие на саму картинку у меня переходит на главную страницу сайта.
Помогите пожалуйста разобраться, буду очень признателен.