jQuery HTML5全屏幻灯组图浏览插件

由于经常拍照，对于高清大照片，总觉得电脑屏幕太小看着不太爽，想放大看细节也不太方便，既然HTML5支持全屏了，那为何不用呢？ 于是写了这么一个小东东，只为满足自己看高清大图的需求。

特点： 在支持HTML5 fullscreen API的浏览器上自动全屏显示 支持双击缩放图片，可方便的查看原片的画质 支持键盘翻页。

HTML：

<div id="container">
<a href="big.jpg"  rel="fullScreenGallery" title="那一年荷花开满池塘">
<img src="thumb.jpg" width="200">
</a>
<a href="big.jpg"  rel="fullScreenGallery" title="那一年荷花开满池塘">
<img src="thumb.jpg" width="200">
</a>
</div>

为A链接 链接增加 rel="fullScreenGallery" 属性，href为大图的地址。

JS调用：

<script type="text/javascript">
  $('#container a[rel="fullScreenGallery"]').fullScreenGallery();
</script>

查看演示

github地址：https://github.com/yaojaa/jQuery-full-screen-gallery

 

转载于:https://www.cnblogs.com/yaojaa/archive/2013/02/20/2918176.html