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

作者: Zeusken (Rushken)   2016-04-22 11:54:17
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我來去查!!
感激不盡!!!
作者: sa0124 ((恩恩))   2016-04-22 13:06:00
我在想如果圖片是三張連在一起的大圖應該用方法1ok. 但缺點是carousel就要自己寫
作者: xiphoid ( )   2016-04-22 13:11:00
作者: sa0124 ((恩恩))   2016-04-22 13:26:00
發現原po的範例有提供download耶@@ 載來看看?
作者: Zeusken (Rushken)   2016-04-22 14:35:00
謝謝兩位 後來我找到這個也來試試看http://idangero.us/swiper/demos/#.VxnEdUF-XqA
作者: wyler (wyler)   2016-04-23 05:37:00
大推x大的slick
作者: winder731022 (維)   2016-04-24 09:56:00
用slock比較快slick,唉鳳都會太聰明亂改字/_\

Links booklink

Contact Us: admin [ a t ] ucptt.com