当前位置: 编程技术>jquery
jquery 图片轮播代码示例
来源: 互联网 发布时间：2014-10-04
本文导语: 例子，js 图片轮播代码。 代码示例: pic player - 图片轮播 - www. img{border:0;} there is a pic-player var p = $('#picplayer'); var pics1 = [{url:'1.jpg',link:'/#',time:5000},{url...
例子，js 图片轮播代码。
代码示例:
pic player - 图片轮播 - www.
img{border:0;}
there is a pic-player
var p = $('#picplayer');
var pics1 = [{url:'1.jpg',link:'/#',time:5000},{url:'2.jpg',link:'/#',time:4000},{url:'3.jpg',link:'',time:6000},{url:'2.jpg',link:'',time:6000},{url:'1.jpg',link:'',time:6000}];
initPicPlayer(pics1,p.css('width').split('px')[0],p.css('height').split('px')[0]);
//
//
function initPicPlayer(pics,w,h)
{
//选中的图片
var selectedItem;
//选中的按钮
var selectedBtn;
//自动播放的id
var playID;
//选中图片的索引
var selectedIndex;
//容器
var p = $('#picplayer');
p.text('');
p.append('');
var c = $('#piccontent');
for(var i=0;i pics.length-1)index=0;
setSelectedItem(index);
},pics[index].time);
}
}
如果想增加图片可以通过增加 var pics1 后面的内容即可。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。