Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 440 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |