search

be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
http://be-fe.github.io/iSlider/
MIT License
1.66k stars 448 forks source link

请问如何能实现多种效果？ #139

Closed behai closed 9 years ago

behai commented 9 years ago

需要做的效果是这样的：向上滑三页，然后向左滑动三页，然后再向上滑三页。请问如何能实现呢？

xieyu33333 commented 9 years ago

iSlider本身不提供这么具体的功能配置，但是你可以自己使用slideTo方法，调整isVertical属性等方式组合出这种效果。

behai commented 9 years ago

谢谢解答。现在的单种效果已经非常赞，能组合的话简直是酷毙了。slideTo方法能举个例子，说明一下如何控制isVertical属性吗？

behai commented 9 years ago

类似这样的效果：http://chuye.cloud7.com.cn/Beta/244140

xieyu33333 commented 9 years ago

slideTo(index)方法通过传入data的索引值就可以滑动到相应的页面，修改axis属性可以改变滑动方向，例如：

var islider = new iSlider({
  data: list,
  dom: document.getElementById("iSlider-wrapper")
});
islider.slideTo(3);   //跳转到list[3]
islider.axis = 'X';   //滑动方向改为横向
behai commented 9 years ago

谢谢xieyu33333