首页 » 编程世界 » web前端开发 » jquery及其插件应用 » 正文

jquery之Image Scale Carousel插件介绍与使用

jQuery插件jQuery Image Scale Carousel能够简单的将一个图片数组转换一个照片放映器并支持利用向前和向后按纽控制浏览或者设置成自动播放。这个插件还能够将图片自动缩放至适当的比例以保持屏幕高宽比。
下面是运行截图:

官方下载地址:http://github.com/iamjpg/jQuery-Image-Scale-Carousel
该插件使用还是挺方便的,基本上就是扔一个存有图像地址的数组给插件就可以了,不需要额外的写其他的html元素。

事例代码:

[code lang=”js”]
<script type="text/javascript">
var carousel_images = [
"images/1.jpg", // Example of a local image
"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"
];
$(window).load(function() {
$("#photo_container").isc({
imgArray: carousel_images
});
});
</script>
[/code]



发表评论

*

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据