Слайдер изображений через плагин Image Scale на jQuery
1 2 3 4 |
<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> |
2#: Следующий код в то место, где будет сам слайдер:
1 2 3 |
<div id="ph"> <div id="photo_container"></div> </div> |
3#: Свои картинки прописывайте в файле lib.js (Вот этот участок кода):
1 2 3 4 5 6 7 8 9 |
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 ]; |