flickr Carousel / Slideshow“hero”在哪里?

时间:2012-12-02 21:02:45

标签: javascript yui carousel flickr

我正在看flickr并发现它们的旋转木马位于顶部并且操作起来有多顺畅。在检查它时,它显示“yui”但我在YUI项目列表中没有看到它。

http://www.flickr.com/#yui_3_5_1_3_1354482071640_111

是否有人知道旋转木马是由YUI制作的具体元素,以及它们可用的位置?

感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

以下是我根据HTML和缩小的JS源代码所能得出的结论。

Flickr轮播使用非常少的YUI代码编写,除transition模块外不使用任何复杂组件。 Transition用于为旧版浏览器中的动画提供后备。它非常流畅,因为它使用CSS过渡,特别是使用translate3d(),它非常适合在一个方向上移动图像。

像Quinn提到的那样,还有Gallery Carousel小部件。最近我使用ScrollView + ScrollViewPaginator并禁用非触摸设备中的拖动事件。我喜欢这种方法,因为它感觉像是典型的旋转木马,但它也支持在触摸设备上用手势轻弹图像/页面。

答案 1 :(得分:0)

您可以使用YUI Gallery Carousel YUI Gallery Carousel

轻松构建它