>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Не работает слайдер хотя все сделал по инструкции

голоса: 0
Все сделал по инструкции для 1 слайдера на главную страници рамка появилась а слайды нет
Адрес сайта http://remetalon.ru
| Автор: | Категория: Вопросы новичков

Ответов: 1

голоса: 0
 
Лучший ответ
Скрипт который отвечает за работу слайдера отдает ошибку 404 - http://remetalon.ru/js/slides.js вероятно это и есть главная причина почему слайдер не работает.

Пропишите корректный путь к данному скрипту.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
путь к скрипту прописал, а как добавить слайды

они вроде в коде прописаны

 

<div class="container" id="example">
<div id="slides">
<div class="slides_container">
<div class="slide"><a href="#"><img alt="Slide 1" src="/gostinnaja3.jpg" style="width: 570px; height: 427px;" /></a>

<div class="caption" style="bottom:0">
<p>Логотип uCoz</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 2" src="/gostinnaja4.jpg" style="width: 570px; height: 427px;" /></a>

<div class="caption">
<p>Тут описание</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 3" src="/gostinnaja6.jpg" style="width: 570px; height: 384px;" /></a>

<div class="caption">
<p>Opa Gangnam Style :D</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 4" src="/gostinnaja_7.jpg" style="width: 570px; height: 400px;" /></a>

<div class="caption">
<p>Описание текста, представим, что тут много текста.</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 5" src="/komnata13.jpg" style="width: 570px; height: 380px;" /></a>

<div class="caption">
<p>Описание</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 6" src="/komnata2.jpg" style="width: 570px; height: 456px;" /></a>

<div class="caption">
<p>Логотип uCoz&#39;a</p>
</div>
</div>

<div class="slide"><a href="#"><img alt="Slide 7" src="/kukhnja1.jpg" style="width: 570px; height: 724px;" /></a>

<div class="caption">
<p>Логотип uCoz&#39;a</p>
</div>
</div>
</div>
<a class="prev" href="#"><img alt="Arrow Prev" height="43" src="arrow-prev.png" width="24" /></a> <a class="next" href="#"><img alt="Arrow Next" height="43" src="arrow-next.png" width="24" /></a></div>
<img alt="Example Frame" id="frame" src="/kukhnja8.jpg" style="width: 750px; height: 500px;" /></div>

<p style="text-align: justify;">&nbsp;</p>
| Автор:

Попробуйте скрипты слайдера:

 <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>

подключить не в блоке <head> , а перед закрывающим тегом </body>

Если слайдер все же не будет работать. Предоставьте ссылку на инструкцию, где вы скачали данный слайдер.

| Автор:
...