我在看 flickr 并注意到他们在顶部的旋转木马以及它运行得多么顺利。检查后,它显示“yui”,但我在 YUI 项目列表中的任何地方都看不到它。
http://www.flickr.com/#yui_3_5_1_3_1354482071640_111
有谁知道旋转木马的 YUI 中的哪些元素是由哪些元素制成的,以及它们在哪里可用?
感谢您提供任何帮助。
我在看 flickr 并注意到他们在顶部的旋转木马以及它运行得多么顺利。检查后,它显示“yui”,但我在 YUI 项目列表中的任何地方都看不到它。
http://www.flickr.com/#yui_3_5_1_3_1354482071640_111
有谁知道旋转木马的 YUI 中的哪些元素是由哪些元素制成的,以及它们在哪里可用?
感谢您提供任何帮助。
以下是我根据 HTML 和缩小的 JS 源代码得出的结论。
Flickr carousel 是用很少的 YUI 代码编写的,除了转换模块之外没有使用任何复杂的组件。过渡用于为旧浏览器中的动画提供回退。它非常流畅,因为它使用了 CSS 过渡,特别是使用translate3d()
它非常适合在一个方向移动图像。
就像 Quinn 提到的那样,有 Gallery Carousel 小部件。最近我正在使用ScrollView + ScrollViewPaginator并在非触摸设备中禁用拖动事件。我喜欢这种方法,因为它感觉就像典型的轮播,但它还支持在触摸设备上使用手势浏览图像/页面。
您可以使用 YUI Gallery Carousel 非常轻松地构建它YUI Gallery Carousel