jQuery全屏相册插件touchTouchNew

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

 30327  300  查看评论 (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();
});


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

简洁优雅,与众不同的轮播图插件

代码简洁优雅,与其他插件不同,包括各样式轮播图
  幻灯片和轮播图
 31339  402

基于swiper带视差切换效果的轮播图

双层轮播图,里面的轮播图是一倍速轮播,外面的轮播图是双倍苏轮播,意想不到的美感
  幻灯片和轮播图
 36879  343

基于roundabout.js的3d倾斜轮播

jQuery.roundabout.js制作CSS3图片倾斜层叠切换效果代码
  幻灯片和轮播图
 42778  566

强大的js焦点图插件myFocus(完整版)

myFocus是一个专注于WEB端焦点图轮换图的JS库。该焦点图插件集成了30多种风格图片切换效果,体积小,使用简单,兼容ie6+和所有的主流浏览器。
  幻灯片和轮播图
 42212  454

讨论这个项目(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
    感谢作者分享,最近刚好想弄浏览相册的效果 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复