jQuery图片画廊插件touchtouch
  • 分享到微信朋友圈
    X

本文介绍了一款名为touchtouch的jQuery插件,该插件由著名web设计师Martin开发,可以帮助开发者为触摸设备创建优化过的图片画廊。附件提供了实现此功能所需的代码示例,包括必要的JavaScript和CSS文件。

主要特性

  • 平滑的CSS3动画和过渡特效

  • 一个支持响应式布局设计的CSS接口,能够根据设备屏幕变化

  • 图片预先加载

  • 支持触摸滑动

  • 显示箭头并且响应按键keypress

html

<a href="images/1.jpg" class="gall_item">
    <img src="images/1.jpg" style="width: 300px;" /></a>
<a href="images/2.jpg" class="gall_item">
    <img src="images/2.jpg" style="width: 300px;" /></a>

主要js

<script>
    $(function () {
        $('.gall_item').touchTouch();
    });
</script>