Видно при просмотре кода страницы как работает скрипт, но не выводятся изображения. происходит конфликт jQuery так как уже подключен в шаблоне. когда я подключаю чтобы работал плагин, то перестают работать модули на сайте.
как сделать чтобы данный скрипт использовал тот jQuery который есть в шаблоне?
<script src="test/jquery.js"></script> <script src="test/jquery.backstretch.js"></script>
<script>
// Создаем массив изображений.
var images = [
"test/pot-holder.jpg",
"test/coffee.jpg"
];
// Небольшой скрипт для предварительной загрузки изображений.
// В нем нет острой нужды, но идея хороша.
$(images).each(function(){
$('<img/>')[0].src = this;
});
// Переменная index указывает на текущее используемое изображение.
var index = 0;
// Вызываем Backstretch в первый раз.
// В данном случае используется скорость в 500ms для эффекта проявления изображений.
$.backstretch(images[index], {speed: 500});
// Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение.
// Примечание: скорость проявления будет использоваться из первого вызова плагина.
setInterval(function() {
index = (index >= images.length - 1)? 0 : index + 1;
$.backstretch(images[index]);
}, 5000);
</script>