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

Интересный слайдер изображений через плагин image scale на jQuery для uCoz
23.06.14, 14:53:13

Скачать файл




Оригинальный, неплохо выполненный слайдер изображений для вашего сайта

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

Установка:

После /head вставляйте:
Код
<link rel="stylesheet" href="/css/jQuery.isc.css" type="text/css" media="screen" charset="utf-8">
  <script src="/js/jquery-image-scale-carousel-condensed.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="/css/lib.css" type="text/css" media="screen" title="no title" charset="utf-8">
  <script src="/js/lib.js" type="text/javascript" charset="utf-8"></script>


Следующий код в то место, где будет сам слайдер:
Код
<div id="ph">
  <div id="photo_container"></div>
  </div>


Свои картинки прописывайте в файле lib.js (Вот этот участок кода):
Код
var carousel_images = [  
"images/1.jpg",  
"http://farm4.static.flickr.com/3328/3575375564_79ab90dca8_b.jpg",  
"http://farm4.static.flickr.com/3163/2505235306_b456603cf3_b.jpg",  
"http://farm4.static.flickr.com/3235/2925947121_8b1f95c95b_b.jpg",  
"http://farm3.static.flickr.com/2769/4481220450_91b0aa9e99_b.jpg",  
"http://farm1.static.flickr.com/118/299048945_faba1a6a4b_b.jpg",  
"http://farm4.static.flickr.com/3089/2335224771_cec36d33a6_o.jpg" // Example of a local image  
  ];


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

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