APICloud（三）：预览图片

上一篇说的选择图片，且显示图片的img标签的父级A标签每个都添加了onclick事件previewThePic，该事件用来预览图片。且所有的A标签都添加在picList的div中。（PS：先说好层级关系，代码中获取img的src就不会晕了）

 

对于图片预览，ac官方提供了两个模块：imageBrowser和photoBrowser。

imageBrowser：可预览，顶部有导航条（可返回、可保存到本地），唯一的缺点：不能删除图片且自定义的地方比较少

photoBrowser：可预览，顶部没有有导航条，双击可放大，不能返回，不能保存图片，需要根据事件自定义图片

权衡了两个模块的功能，最后选择的photoBrowser。

imageBrowser的使用也在这里粘一下，大家可以直接复制先看看效果。当然也可以直接参考官网的例子

/**
 *该方法用来预览图片-使用imageBrowser，可预览，顶部有导航条（可返回、可保存到本地），唯一的缺点：不能删除图片
 * @param obj:A标签，主要用来获取当前A标签的下标用来当先显示点击的图片
 *  **/
function previewThePicByimageBrowser(obj){
	//1、获取图片数组
	var picArray = new Array();
	$