如何在CSS幻灯片放映横幅中添加默认值？

Question

我使用了我在网上找到的免费CSS幻灯片并对其进行了编辑，我无法弄清楚如何添加默认图像。我创建了一个小提示来显示我的代码：[link]

此外，在代码中，：

<img id="imageX" src="images/banners/X.png">

是否显示图像。我会告诉你，但它在我的本地主机上运行。

感谢您的帮助。

Answer 1

我猜你的意思是一个问题，是当加载滑块时img元素有opacity:0; left:-400px; z-index:1;并且你只设置

  #homebanner img:first-child {
     left: 0;
  }

因此它最初不会显示第一张图片，但您可以执行此类操作

  #homebanner img:first-child {
     left: 0;
     z-index: 9;
     opacity: 1;
  }

（这里主要是不透明度），立即显示它。

这样，图像也会在幻灯片切换之间保留为“默认”/背景图像。

在这里，我还更新了你的小提琴，我添加了一些随机图片作为插图：http://jsfiddle.net/tdU3Q/3/