Demo效果图如下,
Demo地址: http://xueduany.github.com/KitJs/KitJs/index.html#3D_gallery
没有使用jQuery,如果需要精简版本源码,可以联系我索取,或者直接使用我的kitjs
IE7,8/Firefox/Chrome/Safri测试通过
使用方法如下
var gallery = new $kit.ui.Gallery({
el : item,//el为需要转换成为相册的元素,找个div即可,必须是HTMLElement
data : [{//data为相册列表数据
href : '',//图片链接
imgSrc : '1.jpg'//图片地址
}, {
href : '',
imgSrc : '2.jpg'
}, {
href : '',
imgSrc : '3.jpg'
}, {
href : '',
imgSrc : '4.jpg'
}, {
href : '',
imgSrc : '5.jpg'
}, {
href : '',
imgSrc : '6.jpg'
}, {
href : '',
imgSrc : '7.jpg'
}, {
href : '',
imgSrc : '8.jpg'
}, {
href : '',
imgSrc : '9.jpg'
}, {
href : '',
imgSrc : '10.jpg'
}],
loop : true//切换按钮到了底部,是否从头开始
});
gallery.init();//初始化执行方法,初始化之后才能有效果
更多意见请留言或者联系xueduanyang1985@163.com