jQuery全屏相册插件touchTouchNew

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

 29701  301  查看评论 (5)
分享到微信朋友圈
X
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();
});


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

不规则图片切换特效

TweenMax不规则图片切换特效
  幻灯片和轮播图
 44889  592

针对移动设备的手动切换插件

该插件可以将浏览器中的元素集合像卡片一样通过手势切换,在电脑和移动设备上均可使用。
  幻灯片和轮播图
 31239  348

简单的jquery轮播图插件

简单的jquery轮播图插件,方便易懂
  幻灯片和轮播图
 42534  363

jQuery 3D旋转轮播插件Waterwheel Carousel

非常实用的3D轮播插件,兼容性良好,还可以自己扩展
  幻灯片和轮播图
 37843  354

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    甲乙丙丁。 0
    2018/1/17 22:24:55

    为什么我点开照片之后全屏的图片没有左右的那个切换的图片来切换照片?

        这样睡的梦会死的0
        2018/9/29 9:55:44
        我怎么直接都没出来预览
        这样睡的梦会死的0
        2018/9/29 10:07:46
        我知道了,因为你没把左右按钮的图片引进去
    回复
    贝贝2016 0
    2017/1/19 11:24:40

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

    回复
    里昂没有青春 0
    2016/12/27 9:12:48
    感谢作者分享,最近刚好想弄浏览相册的效果 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复