我正在看flickr并发现它们的旋转木马位于顶部并且操作起来有多顺畅。在检查它时,它显示“yui”但我在YUI项目列表中没有看到它。
http://www.flickr.com/#yui_3_5_1_3_1354482071640_111
是否有人知道旋转木马是由YUI制作的具体元素,以及它们可用的位置?
感谢您的帮助。
答案 0 :(得分:2)
以下是我根据HTML和缩小的JS源代码所能得出的结论。
Flickr轮播使用非常少的YUI代码编写,除transition模块外不使用任何复杂组件。 Transition用于为旧版浏览器中的动画提供后备。它非常流畅,因为它使用CSS过渡,特别是使用translate3d()
,它非常适合在一个方向上移动图像。
像Quinn提到的那样,还有Gallery Carousel小部件。最近我使用ScrollView + ScrollViewPaginator并禁用非触摸设备中的拖动事件。我喜欢这种方法,因为它感觉像是典型的旋转木马,但它也支持在触摸设备上用手势轻弹图像/页面。
答案 1 :(得分:0)
您可以使用YUI Gallery Carousel YUI Gallery Carousel
轻松构建它