javascript - 如何在 JavaScript 中显示堆叠在一起的多张图片

标签 javascript jquery image

在网页上,我想显示相册列表,并在每个相册名称旁边显示一个堆叠的图片列表。动态获取图片列表并将它们堆叠在一起的最佳方法是什么

这是一个例子:

picture of images stack atop one another

最佳答案

为什么不直接建一个呢?这并不难。这是我制作的一个小型旋转原型(prototype)(大约花了 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想要更多
这对于接近示例来说怎么样? 我认为一些 Angular 可能有偏差... Example Output

或者click here

关于javascript - 如何在 JavaScript 中显示堆叠在一起的多张图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7357079/

相关文章:

javascript - 将 JavaScript 值设置为输入

javascript - 匹配的正则表达式

javascript - 如何为 ajax/json 响应设置动画?

javascript - 将 DOM 置于叠加层之上

javascript - 在 div 上使用 jQuery scrolltop 和 fadein/fadeout

JavaFX 读取原始 RGB 图像

html - 如何在全屏、图像幻灯片上创建输入字段

java - Rhino 在 Java 中评估 javascript 对象

javascript - jQuery 单击 div 之外的动画使其关闭可以工作,但必须单击两次才能打开

java - 显示文件选择器中的图像