2011-06-09 49 views
0

我有以下問題。我想用javascript寫我自己的幻燈片。所以這個想法是把許多圖像(具有相同的寬度和高度)放在一起,然後通過javascript改變它們的不透明度。但爲了把一個圖像放到另一個上,我需要使用絕對位置(是嗎?)。那麼我不能追蹤相對位置(例如在表格中)。堆疊圖像到另一個(javascript)

這個想法是獲取父元素的位置,將(不透明度爲0)的圖像放在它中(以獲得表格的所有縮小)並將圖像的絕對位置設置到該位置。到現在爲止還挺好。但是,如果表格中有多個幻燈片放映,則其他幻燈片放映會混淆在一個頁面上。發生這種情況是因爲放置第一張幻燈片後,表格塊的位置發生了變化。不幸的是,在通過javascript插入圖像之前,它們總是獲取元素的位置。那麼怎麼做我想要的?

我希望我能夠清楚地解釋我的問題,等待回覆。 :)

回答

0

我會更多地調整圖像的Z指數,因爲這是三維位置的一部分。通過以編程方式調整Z-index,您也可以獲得幻燈片播放效果。

如果您的圖像大小完全相同,並且放在一個表格中,請將您的單元格設置爲圖像的大小,並且應該修復混沌問題。