创建映像云

Question

我想创建一个图像云，其中图像彼此堆叠并根据图像被查看的次数调整大小。

云也可能需要一个预定义的空间。这是可能的JavaScript或我需要去SVG /帆布??

事情与此类似：hitlantis

任何指针/引用就好了。

Answer 1

有些东西给你看：

• javascript Image Resize - 您可能需要移动的元素，使它看起来正确的，但是这可能是CSS来实现
• CSS Transitions
• jQuery的mouseenter和mouseleave
• css :hover

如果您使用:hover正确的转换/样式，则可能甚至不需要使用Javascript。

编辑：

对于分层，使用z-index。我不知道你想如何定位你的元素，所以想出一个算法来放置它们（随机可能会正常工作）。完成后，只需使用position: absolute，将top和right设置为您生成的职位。

放置可能的算法：

• 随机（易peasy：x = Math.random() * maxWidth - radius + centerX），y的
• Fibonacci-based using Vogel's model相似 - 确保易于分发
• 集群类似的图像 - 这是一个比较困难的，取决于您的群集逻辑

我确定还有其他人。我建议做一个简单的（随机），让一切工作，然后创建一个更有趣的算法，如果你想。