PhotoBrowser
调用图片浏览控件的API,使用native的图片浏览器浏览图片, 图片浏览有2种模式,a.缩略图模式,点击缩略图之后,进入大图模式;b.直接进入大图模式,此时需要传入选中的图片index。
接口说明:
static show(photoList, shareDataList, showPhotoIndex, meta)
参数
photoList Object
图片列表,JSON数组
shareDataList object
在大图页面,分享的时候,分享的内容,可以定制分享到各个平台的内容,参数格式参考Hybrid API
showPhotoIndex Number
直接进入大图模式isThumbnailMode = false
的时候生效,表示当前显示的图片,在图片列表中的index
meta Object
JSON对象,支持1.isThumbnailModel 是否是进入缩略图图模式,进入缩略图模式的时候,屏幕中显示的是当前photos里面所有的图片,showPhotoIndex无效,2.businessCode:业务code,用于埋点统计
Example:{isThumbnailMode:true, businessCode:'home_page'}
示例:
let image_url_list = [
"http://images4.c-ctrip.com/target/hotel/23000/22108/ee244141a4874db7aeb034d3bd043306_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/2af603271331419f98188d685ed34440_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/e7394b8fdcae4a508233c81d86d59e52_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/99a2ba33cd7145d6a9fed792ea21a928_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/42c377761e514fd8af480d8e9212b2e9_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/3cf99b563c8b487cb4c896af2c0beb11_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/7df0a453a999474b9cff830379d31d73_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/310b258257ed4c6d987efbfbb0990de3_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/55abe81cf64848a89b992c5c066a4f64_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/a426f2b806b74982aa40d5859b5e0730_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/5aaab8b0fc6f48af98e7780b13b358f5_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/e610042451634bec8a34f541143a6260_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/ee244141a4874db7aeb034d3bd043306_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/2af603271331419f98188d685ed34440_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/e7394b8fdcae4a508233c81d86d59e52_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/99a2ba33cd7145d6a9fed792ea21a928_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/42c377761e514fd8af480d8e9212b2e9_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/3cf99b563c8b487cb4c896af2c0beb11_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/7df0a453a999474b9cff830379d31d73_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/310b258257ed4c6d987efbfbb0990de3_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/55abe81cf64848a89b992c5c066a4f64_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/a426f2b806b74982aa40d5859b5e0730_550_412.jpg",
"http://images4.c-ctrip.com/target/hotel/23000/22108/5aaab8b0fc6f48af98e7780b13b358f5_550_412.jpg",
"http://images4.c-ctrip.com/target/fd/cruise/g4/M08/E9/10/CggYHFXIbumAQwwYABSJrimvDoE335.jpg"
];
let photoList = [];
for (let i = 0; i
<
image_url_list.length; i++) {
let aPhoto = {};
let tmpImageUrl = image_url_list[i];
aPhoto.imageUrl = tmpImageUrl;
aPhoto.imageThumbnailUrl = tmpImageUrl.replace("550_412","300_225");
if (i == 3 || i == 4 || i == 5) {
aPhoto.category = "酒店外观3";
}
else if (i == 0 || i == 1 || i == 2 || i == 9) {
aPhoto.category = "酒店景色4";
}
else if (i == 6 || i == 7) {
aPhoto.category = "酒店bla2";
}
else if (i == 8) {
aPhoto.category = "Only One";
}
else {
aPhoto.category = "默认";
}
aPhoto.imageTitle = "这个是Title:"+aPhoto.category;
aPhoto.imageDescription = "本次酒店的广告活--动主要有blablabla。。。。。本次酒店的广告.活动主要有blablabla。。。。。本次酒店的广告活动主要有blablabla。。。。。本次酒店的广告活--.动主要有blablabla。。。。。本次酒店的广告活动主要有blablabla。。。。。本次酒店的广告活动主要有blablabla。。。。。本次酒店的广.告活动主要有blablabla。。。。。"+aPhoto.imageDescription;
photoList.push(aPhoto);
}
let shareDataList = [
{
title:"分享酒店",
text:"本次酒店的广告,这本书的简介大概是这样",
linkUrl:"http://csdn.net",
imageUrl:"http://images4.c-ctrip.com/target/hotel/23000/22108/e610042451634bec8a34f541143a6260_550_412.jpg", //说明,此处imageUrl不需要设置,会默认使用当前图片的URL
shareType:"Default"
}
];
let meta = {isThumbnailMode:false, businessCode:"share_from_home"};});
PhotoBrowser.show(photoList, shareDataList, 0, meta);