Магазин реализован на wordpress с помощю плагина wooCommerce. Необходимо при наведении на изображение товара мышью запускать слайдинг картинок товара. Впринципе js самого слайдинга я написал, теперь осталось интегрировать скрипт в тему. Вот тут у меня возникает много вопросов. Главный из них заключается в том, что я не знаю как привязать адреса картинок к скрипту.
Сам скрипт:
//функция подмены src
//elem - елемент над которым происходят манипуляции
//way - массив с путями к картинкам
//i - счетчик
function slider(elem, way, i) {
elem.setAttribute('src', way[i]);
// проверяем что - бы счетчик не был больше длинны массива, иначе сбрасываем в 0
if (i == way.length - 1) {
i = 0;
} else {
i++;
}
//устанавливаем таймер и рекурсивно запускаем функцию саму из себя
var timer = setTimeout(slider, 1000, elem, way, i);
//добавляем событие на контейнер с картинкой на уход мыши, удаляем таймер и устанавливаем src в исходное состояние.
container.addEventListener('mouseout', function() {
clearTimeout(timer);
elem.setAttribute('src', way[0]);
});
}
//собственно сам массив с путями картинок
var arr = [
'http://www.stihi.ru/pics/2011/04/07/8199.jpg',
'http://autowalls.ru/walls/porsche/autowalls_ru_390.jpg',
'http://wallpaperrs.com/uploads/nature/earth-forest-mind-blowing-wallpaper-91990-142978533514.jpg',
'http://mykartinka.ru/_ph/22/664889599.jpg',
];
var container = document.querySelector('.container');
// устанавливаем событие на наведение мыши на контейнер с картинкой
container.addEventListener('mouseover', function(event) {
//проверяем что событие возникло на картинке, устанавливаем счетчик в 1 и запускаем функцию подмены src
if (event.target == container.querySelector('img')) {
var i = 1;
slider(event.target, arr, i);
} else return;
});
<div class="container">
<img width="200" height="150" src="http://www.stihi.ru/pics/2011/04/07/8199.jpg" alt="">
</div>
Как видно пути к картинкам хранятся в массиве arr.
Так вот как запихнуть туда пути тех картинок, которые админ магазина укажет.
Я так понимаю добавляются картинки так:
В php не силен и движок вордпресса знаю плоховато, подскажите в какую сторону смотреть.