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);

results matching ""

    No results matching ""