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

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?