Справочная система

Слайдеры

Можно использовать встроенные или сторонние скрипты.

Встроенные скрипты слайд-шоу

jquery.aslideshow

<link href="engine/includes/jquery.aslideshow/shadow/styles.css" media="screen" rel="stylesheet" type="text/css">
<script src='engine/includes/jquery.aslideshow.pack.js'></script>
<div id="CustomSlideshow">
 <a href="/theme/1.jpg" title='1'>1</a>
 <a href="/theme/2.jpg" title='2'>2</a>
 <a href="/theme/3.jpg" title='3'>3</a>
</div>
<script>
//<![CDATA[
$(document).ready(function(){
$('#CustomSlideshow').slideshow({
play:false,  titleShow:false,  title:false,  panel:false,  
effect:'random',  width:1136,  height:294,  time:2000,  loop:true,  
}).slideshow('play');
});
//]]>
</script>

jquery.flexslider

<link rel="stylesheet" href="engine/includes/jquery.flexslider.css" type="text/css">
<script src="engine/includes/jquery.flexslider-min.js"></script>
<div class="flexslider">
 <ul class="slides">
 <li><img src="theme/1.jpg"></li>
 <li><img src="theme/2.jpg"></li>
 <li><img src="theme/3.jpg"></li>
 </ul>
</div>
<script>$(window).load(function() {$('.flexslider').flexslider({
slideshowSpeed: 3000,  randomize: true,  directionNav: false,  pauseOnHover: true,  
});});</script>

Также можно использовать возможности блока «Фотогалерея / слайдер»

345

Оглавление