我看着flickr,注意到他们在顶部的旋转木马,以及它的操作是多么的流畅。在检查后,它显示" YUI“,但我在YUI列表中的任何地方都没有看到它。
http://www.flickr.com/#yui_3_5_1_3_1354482071640_111
有没有人知道YUI中的哪些元素是从旋转木马中特别制作的,它们在哪里可以买到?
谢谢你的帮助。
发布于 2012-12-05 03:46:11
以下是我从HTML和精简的JS源代码中得出的结论。
Flickr carousel是用很少的YUI代码编写的,除了transition模块之外,没有使用任何复杂的组件。转换用于为旧浏览器中的动画提供回退。它非常流畅,因为它使用了CSS过渡,特别是使用了translate3d(),这对于在一个方向上移动图像非常有效。
就像Quinn提到的,有一个Gallery Carousel小部件。最近,我在非触摸设备中使用了ScrollView + ScrollViewPaginator并禁用了拖动事件。我喜欢这种方法,因为它感觉像典型的旋转木马,但它也支持在触摸设备上通过手势浏览图像/页面。
发布于 2012-12-04 23:16:33
您可以使用YUI Gallery Carousel YUI Gallery Carousel非常容易地构建它
https://stackoverflow.com/questions/13673819
复制相似问题