zoukankan      html  css  js  c++  java
  • 新鲜出炉的3D相册,javascript版本,ipad上感觉良好,全浏览器兼容(包括IE,可惜低版本无3D效果)

    Demo效果图如下,

    image

    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

  • 相关阅读:
    A02 React+Antdesign 创建新项目
    B02 Vue+Element 创建新项目
    B01 Vue+Element 开发环境搭建
    A01 React+Antdesign 开发环境准备
    批量处理TXT转csv
    pyinstall python文件打包成二进制exe文件
    vue前端与django后端数据交互
    页面自适应
    ETL-kettle通过java代码传递参数,调用job调用转换
    ETL-kettle基本操作,表的输入输出
  • 原文地址:https://www.cnblogs.com/xueduanyang/p/2439270.html
Copyright © 2011-2022 走看看