Простой, классный слайдер для сайта. Легко настраиваемый. Ставьте туда где хотите видеть слайдер.
Демо
<link rel="stylesheet" type="text/css" href="http://stock-exchange.ucoz.com/magazin/style.css" />
<script type="text/javascript" src="http://stock-exchange.ucoz.com/js/script.js"></script>
<body>
<div id="wrapper">
<div id="container">
<div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
<div id="slider">
<ul>
<li><img src="http://lodkiyvasilicha.ru/temp645/DSCN6597-3.jpg" width="558" height="235" alt="Image One" /></li>
<li><img src="http://lodkiyvasilicha.ru/temp550/temp_550.jpg" width="558" height="235" alt="Image Two" /></li>
<li><img src="http://lodkiyvasilicha.ru/temp480/P1000867-1.jpg" width="558" height="235" alt="Image Three" /></li>
<li><img src="http://lodkiyvasilicha.ru/temp500/kasatka500-11.jpg" width="558" height="235" alt="Image Four" /></li>
<li><img src="http://lodkiyvasilicha.ru/liman350/SDC10130-1.jpg" width="558" height="235" alt="Image Four" /></li>
</ul>
</div>
<div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
<ul id="pagination" class="pagination">
<li onclick="slideshow.pos(0)"></li>
<li onclick="slideshow.pos(1)"></li>
<li onclick="slideshow.pos(2)"></li>
<li onclick="slideshow.pos(3)"></li>
<li onclick="slideshow.pos(4)"></li>
</ul>
</div>
</div>
<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider',
auto:5,
resume:false,
vertical:false,
navid:'pagination',
activeclass:'current',
position:0,
rewind:false,
elastic:true,
left:'slideleft',
right:'slideright'
});
</script>
|
|Приветствую Вас Гость | RSS
