jQuery全屏相册插件touchTouchNew

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

 9513  38  查看评论 (3)
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焦点图插件myFocus(完整版)

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

lightslider支持移动触摸的轻量级jQuery幻灯片插件

lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备,它可以制作为带缩略图的内容幻灯片,或者制作为无限循环的旋转木马。
  幻灯片和轮播图
 9659  81

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 18982  113

jQuery轻量级全屏轮播图

jQuery轻量级全屏自动轮播图,兼容ie7以上浏览器
  幻灯片和轮播图
 8015  19

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

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

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

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

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

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