Статистика |
|
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0 | |
|
Главная » 2014 » Август » 29 » Простой, классный слайдер для сайта
14:58 Простой, классный слайдер для сайта |
Простой, классный слайдер для сайта. Легко настраиваемый. Ставьте туда где хотите видеть слайдер.
Демо
<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>
|
Категория: Всё для uCoz |
Просмотров: 589 |
Добавил: primahtarsk
| Рейтинг: 0.0/0 |
|
|
$$$ для web-мастеров
Прим.-Ахтарск в сети Интернет
|
Частный отдых в Приморско-Ахтарске
|
|