css - 如何为我的 CSS 幻灯片放映横幅添加默认值？

Question

我使用了在线找到的免费 CSS 幻灯片并对其进行了编辑，但我不知道如何添加默认图像。我创建了一个 fiddle 来显示我的代码:[link]

另外，在代码中，:

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

是否显示图像。我会向您展示，但它是在我的本地主机上运行的。

感谢您的帮助。

Answer 1

我猜你的意思是一个问题，当加载 slider 时 img 元素有 opacity:0;左:-400px； z-index:1; 而你只设置

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

所以它一开始不会显示第一张图片，但你可以这样做

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

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

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

在这里我还更新了你的 fiddle ，并添加了一些随机图像用于说明:http://jsfiddle.net/tdU3Q/3/