搜狗搜索图片查看器调用帮助

经过深度的行业调研与用户访谈发现，图片支持手势缩放等操作已在用户侧形成了基本认知，因此图片查看功能被确定为搜索移动理想体验中不可或缺的组成部分。本着为用户提供沉浸式浏览体验的理念，平台现推出图片查看器组件供广大合作方实现低成本能力接入，同时也期望合作方依照搜索理想体验标准进行整改，携手共建信息丰富、体验顺畅的用户友好型搜索引擎。

组件能力

通过js api注入信息后，H5页面内的图片可在QQ浏览器移动端实现点击调起大图、预览全部图片、以及根据手势对图片进行缩放与回收等操作。

接入方案

调用方法

browser.app.openPhotoBrowser(urls, index, [style])

调用时机

用户点击图片时调用。

参数说明

SEO社区

url	Array	需要预览的图片url集
index	Number	预览起始索引的图片位置
style	Number	图片查看器样式

代码示例

在html页面内引入以下script脚本

<script src="https://jsapi.qq.com/get?api=app.openPhotoBrowser" type="text/javascript"></script>

//获取所有需调起图片查看器的图片地址并放入prevImgUrls中
var sectionInfo = this.props.sectionInfo;
var imgUrls = sectionInfo.vImgUrls;
var prevImgUrls = [];_.each(imgUrls, function (item) {prevImgUrls.push(item.sImgUrl);
});//下述代码示例默认调起第一张图片，合作方可根据需求自行修改index字段
setTimeout(function() {window.browser &&window.browser.app &&window.browser.app.openPhotoBrowser &&browser.app.openPhotoBrowser(prevImgUrls, 0, 0);
}, 0);

注意：该能力仅在QQ浏览器内，判断方式是UserAgent中包含MQQBrowser

以上即为图片查看器的调用说明，未包含图片事件点击绑定，各位合作方可以通过事件代理或者直接在图片上绑定事件来实现，

搜狗搜索图片查看器调用帮助相关推荐

C#调用windows 相片查看器展示图片例子
windows 相片查看器 windows 相片查看器并不是一个exe,要用rundll32加载 C#的实现方法如下 public static string showPic(string bmpFi ...
texstudio调用外部pdf查看器的配置方法
选项-设置-命令-外部PDF查看器-打印符号-找到wps或者其他pdf查看软件的安装位置(可以在桌面的快捷方式右边查看),然后导入即可
Asp.Net Core写个共享磁盘文件Web查看器
查看器功能说明与演示本查看器主要是为了方便大家查看服务器上的日志,这里没有考虑其他安全性问题,比如特定人员登录才能查看,这个需要您们自己去增加:如果你服务器有对外开放了ip,那么运行这个软件的时候建 ...
HTML Add-on HTML 查看器/编辑器查看器
HTML Add-on 控件提供一个高性价比方案来集成 HTML 查看器/编辑器.该产品是 TE Editor 控件的扩展,它添加 HTML 导入和导出特性到 TE Editor 控件中. 此产品属于 ...
【React组件】写一个模仿蓝湖的图片查看器
前言最近公司让写一个可以自由拖拽放大的图片查看器,我寻思这还不简单,一顿操作猛如虎,俩小时后: 事实证明,一旦涉及到 DOM 的变换操作,如果很多细节考虑不全,抓过来就写,那基本就凉了.于是我仔细分 ...
Unity 游戏开发技巧集锦之制作一个望远镜与查看器摄像机
Unity 游戏开发技巧集锦之制作一个望远镜与查看器摄像机 Unity中制作一个望远镜本节制作的望远镜,在鼠标左键按下时,看到的视图会变大:当不再按下的时候,会慢慢缩小成原来的视图.游戏中时常出现 ...
Hadoop-2.4.1学习之edits和fsimage查看器
在hadoop中edits和fsimage是两个至关关键的文件.当中edits负责保存自最新检查点后命名空间的变化.起着日志的作用,而fsimage则保存了最新的检查点信息.这个两个文件里的内容使用普 ...
14.VisualVM使用详解、15.VisualVM堆查看器使用的内存不足、19.class文件--文件结构--魔数、20.文件结构--常量池、21.文件结构访问标志（2个字节）、22.类加载机制概
14.VisualVM使用详解 15.VisualVM堆查看器使用的内存不足 16.性能调优概述 17.性能调优–案例1 18.性能调优-案例三 19.class文件–文件结构–魔数 20.文件结构– ...
系统安全运维 Server 2008 R2 事件查看器实现日志分析
<系统安全运维> Server 2008 R2 事件查看器实现日志分析在 windows server 2008 R2 中,可以通过点击 "开始" -> &q ...

搜狗搜索图片查看器调用帮助

搜狗搜索图片查看器调用帮助相关推荐

最新文章

热门文章