如何在JavaScript中显示多个堆叠在一起的图片

Question

在网页上，我想显示一个专辑列表，在每个专辑名称旁边，我希望在彼此的顶部显示叠加的图片列表。什么是动态拍摄照片列表并将它们叠加在一起的最佳方法

以下是一个例子：

Answer 1

为什么不建立一个？这不会很难。这是一个小型旋转原型我已经开始工作（花了5分钟写完）

Element.prototype.rotate = function(d) {
    var s = "rotate(" + d + "deg)";
    if (this.style) { // regular DOM Object
        this.style.MozTransform = s;
        this.style.WebkitTransform = s;
        this.style.OTransform = s;
        this.style.transform = s;
    }
    this.setAttribute("rotation", d);
};

然后您可以使用它来旋转图像列表.. see (not very good :P) example here

Better Example Best Example

---

看起来OP希望更多
这对于接近示例的情况如何？ 我认为可能有几个角度......

或click here

Answer 2

要旋转图像，您需要新的CSS3功能或画布元素，HTML5的新功能。

编写一些JS函数来帮助你完成旋转过程只需几分钟。

我想说最好的图书馆是你写的。

无论如何，如果我必须选择一个，我会选择Raphael。

Answer 3

图书馆将帮助您操纵dom并响应事件。答案在于您看到问题的方式，您将如何表示数据，以及如何处理来自您的动态数据。

图像是html元素，因此可以使用CSS3操纵它们，如Jose Faeti所说。现在对于动态部分，我建议你看一下backbone.js（http://documentcloud.github.com/backbone/）。

简而言之，backbone.js将帮助您将相册和图片定义为独立实体，对这些数据模型进行挂钩视图 - 当新数据通过服务器中的ajax自动调整时自动适应的视图 - 并且最重要的是，它使用jQuery进行dom选择，所以：

1）你得到一个很好的OOP-ish方法来定义你的图像数据
2）你得到一个很好的模型 - 视图 - 模型关系，可以轻松更新自己 3）你将jQuery作为dom选择和操作工具