将图像堆叠到另一个(javascript)

时间:2011-06-09 12:55:14

标签: javascript html slideshow

我有以下问题。我想用javascript编写自己的幻灯片。所以我的想法是将许多图像(具有相同的宽度和高度)放在彼此上,然后通过javascript改变它们的不透明度。但是为了将一个图像放到另一个图像上,我需要使用绝对位置(是吗?)。所以我无法追踪相对位置(例如在表格中)。

我们的想法是获取父元素的位置,在其中放置(重影)不透明度0图像(以获得所有表格的缩写)并将图像的绝对位置设置为该位置。到现在为止还挺好。但如果表格中有多个幻灯片放映,那么其他幻灯片放映在页面上。发生这种情况,因为在第一次幻灯片放映后,表格块的位置会发生变化。在通过javascript插入图像之前,获取元素位置的不幸功能总是得到它。那怎么做我想要的呢?

我希望我能够清楚地解释我的问题,等待回复。 :)

2 个答案:

答案 0 :(得分:0)

我会更多地调整图像的Z-index,因为这是三维位置部分。通过以编程方式调整Z-index,您也可以获得幻灯片效果。

如果您的图像大小相同,并且包含在表格中,请将单元格设置为图像的大小,这样可以解决混乱问题。

答案 1 :(得分:0)

您可以使用预先制作的幻灯片,例如:http://jquery.malsup.com/cycle/

听起来它应该做你想做的一切