jQuery全屏相册插件touchTouchNew

所属分类:媒体-幻灯片和轮播图,图片展示

 6244  28  查看评论 (2)
jQuery全屏相册插件touchTouchNew ie兼容8

在原作者的基础上进行了升级。

去除不必要的ID,改用class。

HTML进行图片分组显示。

举例:

HTML代码

<script src="js/touchTouchNew.jquery.js"></script>
<div id="thumbs" class="thumbs"> 
    <a href="1.jpg" style="background-image:url(1.jpg)" title="Tauranga Bridge"></a>
</div>

JavaScript

$(document).ready(function(e) {
   $('#thumbs a').touchTouchNew();
});


相关插件-幻灯片和轮播图,图片展示

jquery左右全屏渐变切换焦点图特效

全屏渐变切换焦点图特效
  幻灯片和轮播图
 1611  12

可拖拽幻灯片

一个实验性的幻灯片可拖动和有两种显示方式:全屏和小型旋转木马。在全屏视图中,可以查看相关内容区域。
  幻灯片和轮播图
 10238  24

html5全屏大图幻灯片切换特效按钮特效

html5全屏大图幻灯片切换特效按钮特效
  幻灯片和轮播图
 10351  53

点击 放大 焦点图

点击箭头内容放大
  幻灯片和轮播图
 16703  127

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    贝贝2016 0
    2017/1/19 11:24:40

    在异步调用图片时候  多个“<div class="galleryOverlay" style="display: none;">” 重复? 点击图片发大后需要点击多次才能关闭 请问如何解决?

    回复
    里昂没有青春 0
    2016/12/27 9:12:48
    感谢作者分享,最近刚好想弄浏览相册的效果 回复
取消回复