Question

我在javascript中有一个图片幻灯片脚本。我想在所有图片的前面加入另一个图标。这意味着图标必须保留在其他图像的前面，幻灯片必须仍然有效。 Plz帮助我。

<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>

Answer 1

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

更改top和left值以移动#top。

Answer 2

你没有给予很多，但你可以使用CSS（定位和z-index）将你的“图标”放在幻灯片图像上。

取决于“图标”/文件类型的形状（使用透明度）可能是旧版浏览器的问题。

如何在JavaScript幻灯片放映中包含div？

2 个答案: