Слайдер

yuriy57 yuriy57   28.07.2013 20:22   289  
Народ, я установил шаблон на сайт Ucoz. Слайдер шаблона меня не совсем устраивает: нет функции перелистывания слайдов. Кто разбирается, подскажите пожалуйста, где и что нужно поменять. Cлайд: http://worldtemplates.net/ucoz/976-unit-shablon-dlya-ucoz.html

 Вот собственно его код:

 <div style="clear:both;"></div><div class="g960"><div id="slider"><div id="sliderContent"> 
<script type="text/javascript">
function slideSwitch() { var $active = $('#slideshow IMG.active');
 if ( $active.length == 0 ) $active = $('#slideshow IMG:last'); var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first');

 $active.addClass('last-active');
 $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); });}
$(function() { setInterval( "slideSwitch()", 5000 );});
</script>
<style type="text/css">
#slideshow { position:relative; height:350px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}
</style><div id="slideshow"> <img src="/slyder/slyd1.jpg" alt="Slideshow Image 1" class="active" /> <img src="/slyder/slyd2.jpg" alt="Slideshow Image 2" /> <img src="/slyder/slyd3.jpg" alt="Slideshow Image 3" /> <img src="/slyder/slyd4.jpg" alt="Slideshow Image 4" /> <img src="/slyder/slyd5.jpg" alt="Slideshow Image 5" /> </div>
<div class="clear sliderImage"></div> </div></div></div><div style="clear:both;"></div>

Ответы на вопрос (1) Написать ответ
Kimin Kimin   28.07.2013 20:24
Открой понравившийся тебе слайдер через исходный код, по строкам в заголовке js можно отыскать исходник - и меняй код на свое усмотрение.
0

Войдите, чтобы написать ответ
Вход Регистрация