簡體   English   中英

使用javascript進行幻燈片放映,無需絕對定位

[英]Slideshow with javascript without absolute positioning

我需要這樣的東西http://jonraasch.com/blog/a-simple-jquery-slideshow

但沒有絕對定位。 可能嗎?

如果沒有,我如何處理絕對定位 - 如果我將它設置為一個屏幕res的中心,它將不會是另一個屏幕res。 有小費嗎?

每當您需要將圖像放在另一個圖像上時,您可以通過以下兩種方式之一進行操作:

1)使用絕對定位

幻燈片放映應包含在具有position:relative的包裝元素中,然后幻燈片放映的內容使用position:absolute 布局不會受到影響,因為“絕對”元素在包裝器內,相對於包裝器, 而不是頁面的其余部分

2)在具有背景圖像的元素頂部使用一個圖像

您可以通過這種方式輕松制作幻燈片:

  • 將背景圖像設置為第一幀
  • 淡入位於背景頂部的圖像(第二幀)
  • 將背景設置為與第二幀相同的圖像
  • 隱藏第二幀
  • 將第二幀的SRC交換為第三幀圖像
  • 重復

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM