jQuery全屏相册插件touchTouchNew

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

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


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

3D折页效果立体焦点图代码

3D折页效果立体焦点图代码
  幻灯片和轮播图
 9697  52

波兰hitmo设计工作室官网banner幻灯片效果

波兰hitmo设计工作室官网banner幻灯片效果
  幻灯片和轮播图
 8045  42

可缩放滑动幻灯片-JQUERY IMAGE SCALE CAROUSEL

jQuery Image Scale Carousel 和其他幻灯片不同的是,我们只需要改变外部容器的大小就可以将整个幻灯片调整到我们想要的大小以适应自己的页面,同时幻灯片中的任何元素都能很好地适应而不会发生变形。
  幻灯片和轮播图
 7304  1

jQuery手机响应式设计焦点图

jQuery手机响应式设计焦点图
  幻灯片和轮播图
 13200  76

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

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

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

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