Главная » jQuery » Оригинальный слайдер с оригинально появляющимися подсказками через плагин s3Slider на jQuery для uCoz
07:22
Очень даже неплохой слайдер изображений с оригинальным выводом описания через плагин s3Slider
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<link href="/css/demonstration.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="/js/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</script>
Следующий код в то место, где будет сам слайдер:
Code
<div id="slider">
<ul id="sliderContent">
<li class="sliderImage">
<img src="Ссылка на изображение" />
<span class="top"><strong>Заголовок подсказки</strong>
Текст подсказки</span>
</li>
<li class="sliderImage">
<img src="Ссылка на изображение" />
<span class="top"><strong>Заголовок подсказки</strong>
Текст подсказки</span>
</li>
<li class="sliderImage">
<img src="Ссылка на изображение" />
<span class="top"><strong>Заголовок подсказки</strong>
Текст подсказки</span>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>
сталось лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css
Пользователям системы uCoz нужно сменить версию jQuery на самую последнюю в общих настройках Панели управления
