photoswipe 使用
预览图片后,需要点击关闭按钮才能关闭,点击图片事件效果是放大图片,和微信的效果不一致,最后改用微信预览图片的接口了,但是例子可以用,记录一下!!
http://www.cnblogs.com/liboxncg/p/7098349.html
</div>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp\_\_bg"></div>
<div class="pswp\_\_scroll-wrap">
<div class="pswp\_\_container">
<div class="pswp\_\_item"></div>
<div class="pswp\_\_item"></div>
<div class="pswp\_\_item"></div>
</div>
<div class="pswp\_\_ui pswp\_\_ui--hidden">
<div class="pswp\_\_top-bar">
<div class="pswp\_\_counter"></div>
<button class="pswp\_\_button pswp\_\_button--close" title="Close (Esc)"></button>
<!--<button class="pswp\_\_button pswp\_\_button--share" title="Share"></button>-->
<button class="pswp\_\_button pswp\_\_button--fs" title="Toggle fullscreen"></button>
<button class="pswp\_\_button pswp\_\_button--zoom" title="Zoom in/out"></button>
<div class="pswp\_\_preloader">
<div class="pswp\_\_preloader\_\_icn">
<div class="pswp\_\_preloader\_\_cut">
<div class="pswp\_\_preloader\_\_donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp\_\_share-modal pswp\_\_share-modal--hidden pswp\_\_single-tap">
<div class="pswp\_\_share-tooltip"></div>
</div>
<button class="pswp\_\_button pswp\_\_button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp\_\_button pswp\_\_button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp\_\_caption">
<div class="pswp\_\_caption\_\_center"></div>
</div>
</div>
</div>
</div>
手机扫一扫
移动阅读更方便
你可能感兴趣的文章