作者Zeusken (Rushken)
看板Web_Design
标题[问题] 可拖住不放的mobile slideshow
时间Fri Apr 22 11:54:17 2016
hi,各位高手大大好
小菜鸟想问类似下方网址内的slideshow的效果该怎麽做呢？
http://www.jssor.com/demos/full-width-slider.slider
特别卡住的地方是：当手指tap hold图片的时候 这个slideshow可以左移右移 图片会接在一起 等到放开的时候才往下一张或前一张
我目前是尝试了两个方法搭配bootstrap 的 carousel
第一个：用jQuery ui的 draggable 去控制taphold的状况,成功让我的图片随着手指移动，可图片跟图片中间出现大空白,而且onstop的时候，呼叫carousel的prev()/next()也很卡…
昨天弄了好久，头好痛
失败！
第二个：找到另一个jQuery mobile的方法,swipeleft()/swiperight(),跟carousel搭配还蛮顺的，但是完全没有taphold图会停在手指的效果啊…
查到jQuery mobile 还有tap()/taphold()的函式，不过好像没什麽用…
请求高人指点一下，或是丢个keyword我来去查！！
感激不尽！！！
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 49.214.144.95
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1461297260.A.A86.html
1F：推 sa0124: 我在想如果图片是三张连在一起的大图应该用方法1ok. 但缺 04/22 13:06
2F：→ sa0124: 点是carousel就要自己写 04/22 13:06
3F：推 xiphoid: draggable carousel 04/22 13:11
6F：推 sa0124: 发现原po的范例有提供download耶@@ 载来看看？ 04/22 13:26
7F：→ Zeusken: 谢谢两位 後来我找到这个也来试试看 04/22 14:35
9F：→ wyler: 大推x大的slick 04/23 05:37
10F：推 winder731022: 用slock比较快 04/24 09:56
11F：→ winder731022: slick,唉凤都会太聪明乱改字/_\ 04/24 09:56