[问题] 可拖住不放的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