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]