Блог
Главная » jQuery » Интересный слайдер изображений через плагин image scale на jQuery для uCoz
03:32




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

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

Установка:

После /head вставляйте:
Code

<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>


Следующий код в то место, где будет сам слайдер:
Code

<div id="ph">  
  <div id="photo_container"></div>  
  </div>


Свои картинки прописывайте в файле lib.js (Вот этот участок кода):
Code

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

Категория: jQuery

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

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