作者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://www.ptt.cc/bbs/Web_Design/M.1461297260.A.A86.html
推 sa0124: 我在想如果圖片是三張連在一起的大圖應該用方法1ok. 但缺 04/22 13:06
→ sa0124: 點是carousel就要自己寫 04/22 13:06
推 xiphoid: draggable carousel 04/22 13:11
推 sa0124: 發現原po的範例有提供download耶@@ 載來看看? 04/22 13:26
→ Zeusken: 謝謝兩位 後來我找到這個也來試試看 04/22 14:35
→ wyler: 大推x大的slick 04/23 05:37
推 winder731022: 用slock比較快 04/24 09:56
→ winder731022: slick,唉鳳都會太聰明亂改字/_\ 04/24 09:56