有思俱乐部学习园地

图片控件U.MT.UI.picture

查看此篇文档之前,请查看控件必看文档。点击查看
U.MT.UI.Picture(arr, choosenum); 
参数一:数组 (对象数组) 
参数二:以第几张图片打开(前提:参数一是数组不是对象数组的情况下生效)
注意:若只需打开游览图片----例:U.MT.UI.Picture(['http://www.1473.cn/js/Image/img/1.jpg'],0)
若需要目录游览功能----以下面列举数据结构为准

调用控件

    以分组形式显示数据

    参数数据参照:[ 
    {
        date: '2018/03', //分组日期
        pic: [
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/1.jpg', 
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/2.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/3.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/4.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/5.jpeg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/6.jpg'
        ]
        },
    {
        date: '2017/06', //分组日期
        pic: [
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/2.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/1.jpg', 
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/4.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/3.jpg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/5.jpeg',
            'http://api.1473.cn/Uform/CloudMobile/Ui/Images/pictureDemo/img/6.jpg'
        ]
    }
    ];
    
以一组形式显示图片: U.MT.UI.picture([img1,img2,img3,img4]);
以单个图片格式打开: U.MT.UI.picture([img1]);
从第固定位置图片打开,从0开始为第一张 U.MT.UI.picture([img1,img2,img3], 0); click →↓↓↓↓↓↓↓↓↓↓← →pictureDemo/demo.htm← →↑↑↑↑↑↑↑↑↑↑←
     
        单个图片查看:
         

工作人员

 
                    
作者:李鸿盛
信息录入:李鸿盛