[問題] 可拖住不放的mobile slideshow

看板Web_Design作者 (Rushken)時間9年前 (2016/04/22 11:54), 編輯推噓4(407)
留言11則, 5人參與, 最新討論串1/1
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

04/22 13:06, , 1F
我在想如果圖片是三張連在一起的大圖應該用方法1ok. 但缺
04/22 13:06, 1F

04/22 13:06, , 2F
點是carousel就要自己寫
04/22 13:06, 2F

04/22 13:11, , 3F
draggable carousel
04/22 13:11, 3F

04/22 13:11, , 4F

04/22 13:11, , 5F

04/22 13:26, , 6F
發現原po的範例有提供download耶@@ 載來看看?
04/22 13:26, 6F

04/22 14:35, , 7F
謝謝兩位 後來我找到這個也來試試看
04/22 14:35, 7F


04/23 05:37, , 9F
大推x大的slick
04/23 05:37, 9F

04/24 09:56, , 10F
用slock比較快
04/24 09:56, 10F

04/24 09:56, , 11F
slick,唉鳳都會太聰明亂改字/_\
04/24 09:56, 11F
文章代碼(AID): #1N6Q1ig6 (Web_Design)
文章代碼(AID): #1N6Q1ig6 (Web_Design)