Lightbox图片展示特效

下午遇到测试提出的问题，安卓手机点击图片可以全屏展示，但苹果手机点击无反应，一开始想的是使用图片点击事件，后更改思路使用lightbox插件，实现点击图片重新渲染全屏适应展示

其中有小坑，下面解释

1，引入CSS以及JS

若没有此两个文件，到官网下载即可http://www.lokeshdhakar.com/

2，在html中的dom操作为

小坑在这里:

平常正常显示图片的代码为例如：

<img ng-src="{{back.file_url}}"/>（使用的为angularjs框架）

但若使用Lightbox插件，必须先在外围包裹a标签，并使用data-lightbox

<a href = "{{back.file_url}}" data-lightbox="back{{$index}}">
<img ng-src="{{back.file_url}}"/>

</a>

其中data-lightbox的值随意就可以，但唯一不重复（若为组图片可用统一名称）

此外 注意js和css引入的位置，以及是否有数据后渲染问题