创建图像云

Question

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

云也可能占用预定义的空间。是用javascript还是我需要去SVG / Canvas？

类似于此的内容：hitlantis

任何指针/引用都会很好。

Answer 1

你可以看一些事情：

• javascript Image Resize - 您可能需要移动元素以使其看起来正确，但这可能在CSS中完成
• CSS Transitions
• jQuery mouseenter和mouseleave
• css :hover

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

修改

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

可能的展示位置算法：

• 随机（容易羞怯：x = Math.random() * maxWidth - radius + centerX），类似于y
• Fibonacci-based using Vogel's model - 确保轻松发布
• 集群相似图像 - 这有点困难，取决于您的群集逻辑

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