图片控件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←
→↑↑↑↑↑↑↑↑↑↑←
单个图片查看: