现在点击图片预览之后,是可以触摸左右滑动的,(如何实现自动滚动,也可以触摸滑动)图片说明
<link href="http://47.106.79.103/dome/css/bootstrap.css" rel="stylesheet" />
<link href="http://47.106.79.103/dome/css/bootstrap-responsive.css" rel="stylesheet" />
<link href="http://47.106.79.103/dome/css/fsgallery.css" rel="stylesheet" />
<script src="http://47.106.79.103/dome/js/jquery-1.9.1.js"></script>
<script src="http://47.106.79.103/dome/js/fs_forse.js"></script>
</head>
<body style="padding-top: 50px;">
<div class="container">
<h2>Example</h2>
<ul class="thumbnails" id="gallery">
<li class="span3">
<a href="http://47.106.79.103/dome/img/1.jpg">
<img src="http://47.106.79.103/dome/img/1_mini.jpg" alt="" />
</a>
</li>
<li class="span3">
<a href="http://47.106.79.103/dome/img/2.jpg">
<img src="http://47.106.79.103/dome/img/2_mini.jpg" alt="" />
</a>
</li>
<li class="span3">
<a href="http://47.106.79.103/dome/img/3.jpg">
<img src="http://47.106.79.103/dome/img/3_mini.jpg" alt="" />
</a>
</li>
<li class="span3">
<a href="http://47.106.79.103/dome/img/4.jpg">
<img src="http://47.106.79.103/dome/img/4_mini.jpg" alt="" />
</a>
</li>
</ul>
</div>
你这个插件代码是加密混淆过的,不好修改。
换个支持自动轮播的插件吧
http://www.jq22.com/jquery-info19477
http://www.jq22.com/jquery-info18415
http://www.jq22.com/jquery-info19209
https://blog.csdn.net/u010100704/article/details/53609667
加个定时器就好了,setInterval(func,time),在func里面设置JS操作dom,修改left就行了 到底了再left清零~~~思路就这样了