Question

Установленный слайдер на главной отображал определенные фото, этот же слайдер установила на страницу "Семейный клуб" с фото из информера 8 - не работают оба, помогите испрасить. СПАСИБО!

Answer 1

Зачем было дублировать скрипт:

 <script type="text/javascript" src="/js/slides.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$('#slides').slides({ 
preload: true, 
preloadImage: 'loading.gif', 
play: 5000, 
pause: 2500, 
hoverPause: true, 
animationStart: function(current){ 
$('.caption').animate({ 
bottom:-35 
},100); 
if (window.console && console.log) { 
console.log('animationStart on slide: ', current); 
}; 
}, 
animationComplete: function(current){ 
$('.caption').animate({ 
bottom:0 
},200); 
if (window.console && console.log) { 
console.log('animationComplete on slide: ', current); 
}; 
}, 
slidesLoaded: function() { 
$('.caption').animate({ 
bottom:0 
},200); 
} 
}); 
});</script>

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

Comments

Исправила, теперь работает только первый слайдер, что со вторым не так?

---

Лариса Баргатина,

Первый слайдер у вас завернут в код:

<div id="slides"></div>

второй заверните в :

<div id="slides2"></div>

в стилях в строке номер 66 найдите стили:

#slides,#slides2 {position:absolute;top:15px;left:4px;z-index:100;} 

далее 76:

.slide,.slide2{position: absolute; top: 0px; left: 570px; display: none; z-index: 0;}

добавьте выделенную частьи  сохраните изменения.

Далее я выше говорил удалить второй скрипт вида:

<script type="text/javascript"> 
$(function(){ 
$('#slides2').slides2({ 
preload: true, 
preloadImage: 'loading.gif', 
play: 5000, 
pause: 2500, 
hoverPause: true, 
animationStart: function(current){ 
$('.caption').animate({ 
bottom:-35 
},100); 
if (window.console && console.log) { 
console.log('animationStart on slide: ', current); 
}; 
}, 
animationComplete: function(current){ 
$('.caption').animate({ 
bottom:0 
},200); 
if (window.console && console.log) { 
console.log('animationComplete on slide: ', current); 
}; 
}, 
slidesLoaded: function() { 
$('.caption').animate({ 
bottom:0 
},200); 
} 
}); 
});</script>

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

---

Yuri_Geruk,

(как мне кажется) все исправила, но не работает.... Помогите, пожалуйста. Спасибо!

---

Лариса Баргатина,

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

---

Yuri_Geruk,

Извините за глупую настойчивость, но хочется понять:

---

Лариса Баргатина,

Оставить оба варианта, вы первый удалили ранее с стилями все правильно как я и писал. Почему на второй странице в роли слайдера вы вставили информер, это работать не будет.

---

Yuri_Geruk,

С информером работать не будет, тогда опять надо будет прописивать фото, которые должны быть показаны? Можно ли как то сделать так, чтобы слайдер показывал хотя бы определенный фотоальбом? Спасибо!

---

Лариса Баргатина,

Чтобы показывал фотоальбом, прочтите материал - здесь.