jQuery全屏相册插件touchTouchNew

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

 30244  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();
});


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

全屏无缝滚动加透明遮罩效果

全屏滚动JS 带有遮罩效果
  幻灯片和轮播图
 36160  414

jquery仿QQ音乐精彩推荐的数组方式轮播

这个是通过数组的原理实现的改变数组的排序元素的class也随之更改产生轮播的效果(代码注释很全,修改方便)
  幻灯片和轮播图
 40464  482

jq图文焦点广告轮播代码

jquery图文焦点广告轮播代码是一款jquery.nivo.slider.js图片插件制作图文焦点广告轮播代码。
  幻灯片和轮播图
 47503  523

jQuery缩略图左右滑动幻灯片

一款jQuery缩略图左右滑动幻灯片
  幻灯片和轮播图
 36219  431

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