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

Шикарный слайдер с интересным эффектом при переключении и увеличении изображений на jQuery
23.06.14, 12:02:51

Скачать файл




Очередной замечательный слайдер для вашего сайта. Помимо потрясающего эффекта при смене слайдов, вашему вниманию представится не менее изящное увеличение изображений через плагин prettyPhoto

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" />  
  <script src="/js/jquery.prettyPhoto.js" type="text/javascript"></script>
  <script type='text/javascript' src='/js/jquery.aviaSlider.min.js'></script>
  <script type='text/javascript' src='/js/custom.min.js'></script>  

  Следующий код в то место, где будет сам слайдер:[code]<ul class='aviaslider' id="frontpage-slider">
  <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li>
  <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li>
  <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li>
  <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li>
  </ul>


Осталось лишь залить три скрипта из прикреплённого архива в папку js, два стиля в папку css и все картинки в папку images

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

Категория: jQuery | Добавил: Apocalypse | Теги: изображений, при, на, JQuery, интересным, переключении, эффектом, шикарный, увеличении, слайдер
Просмотров: 241 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: