作者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/m.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