
本文介绍了一款名为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>