Главная » Файлы » Прочие скрипты » jQuery

Оригинальный слайдер с оригинально появляющимися подсказками через плагин s3Slider на jQuery для uCoz
23.06.14, 14:57:33

Скачать файл




Очень даже неплохой слайдер изображений с оригинальным выводом описания через плагин s3Slider

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<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>


Следующий код в то место, где будет сам слайдер:
Код
<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 на самую последнюю в общих настройках Панели управления

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: подсказками, появляющимися, оригинальный, Через, на, плагин, JQuery, оригинально, s3Slider, слайдер
Просмотров: 300 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: