如何使用jquery制作像adidas.com主页一样的幻灯片[关闭]答案

【问题标题】：How to make slide like homepage of adidas.com with jquery [closed]如何使用jquery制作像adidas.com主页一样的幻灯片[关闭]
【发布时间】：2009-12-22 09:25:04
【问题描述】：

adidas.com 太酷了！！！！！！！！！！

为什么不使用 jQuery、CSS 和 HTML？

当高度和宽度从数据库中随机获取时，具有不同高度和宽度的 div 如何一起填充 div 容器？

有人帮助我吗？

【问题讨论】：

我认为它根本不是随机的——它看起来像是精心构造和预先确定的，每个面板都被限制为只能在某些方向（上/下或左/右）移动。您可以在 jQuery 中模拟整个事物，但您确实需要设计每个转换并专门对其进行编码
这是一个可用性噩梦。尝试将鼠标指针放在较小的区域之一上。

标签： php jquery html css

【解决方案1】：

一个开源项目已经开始创建一个 jQuery 插件来实现与阿迪达斯在其网站上的类似效果：

了解更多信息：http://github.com/jasonenglish/jquery-flex

【讨论】：

是否可以像jquery-masonry一样随意放置图片？
我一直在思考如何让类似的插件来创建布局。我将使用 Masonry 创建一个 Flex 演示，以自动创建布局。完成后我会在这里发布演示。

【解决方案2】：

在 jQuery 中重现会非常困难，但是有一个名为的 jquery 插件 jQuery Masonry 根据网格垂直排列元素然后水平排列。

http://desandro.com/resources/jquery-masonry

然后您可以开始使用悬停功能和 css 对每个块元素应用滑动效果。这里有一个很好的教程

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-7

【讨论】：

我已经搞定了，但我无法让网格动态调整宽度和高度。如果您可以提供任何帮助，这就是我的问题以及我的堆栈问题：stackoverflow.com/questions/6699373/… - 谢谢！