如何在JavaScript幻燈片中包含div？

我在JavaScript中有一個圖像幻燈片腳本。我想包含所有圖片的另一個圖標。這意味着圖標必須保留在其他圖像的前方，並且幻燈片必須仍然有效。 Plz幫助我。如何在JavaScript幻燈片中包含div？

<div id="slides"> 
    <div class="top"></div> 
    <div class="slides_container">  
     <a href="images/product1.jpg" title="product1" ><img src="images/product1.jpg" width="380" height="262" alt="Slide 1"></a> 
     <a href="images/product1.jpg" title="product1" ><img src="images/product1.jpg" width="380" height="262" alt="Slide 1"></a> 
    </div> 
    <a href="#" class="prev"><img src="images/arrow-prev.gif" width="10" height="67" alt="Arrow Prev"></a> 
    <a href="#" class="next"><img src="images/arrow-next.gif" width="10" height="67" alt="Arrow Next"></a> 
</div>

來源

2011-12-13 user174404

#slides { position:relative; z-index:1;} 
#top { position: absolute; top:0; left:0; z-index:100;}

更改top和left值四處移動#top。

來源

2011-12-13 18:27:48 bookcasey

您不需要做太多的工作，但是您可以使用CSS（定位和z-index）將「圖標」放置在幻燈片放映圖像上。

取決於「圖標」/文件類型（使用透明度）的形狀可能是舊版瀏覽器的問題。

來源

2011-12-13 18:28:16

如何在JavaScript幻燈片中包含div？

回答

相關問題