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

【问题标题】：How can I add a default to my CSS slide show banner?如何为我的 CSS 幻灯片放映横幅添加默认值？
【发布时间】：2013-04-14 07:26:29
【问题描述】：

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

另外，在代码中：

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

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

感谢您的帮助。

【问题讨论】：

【解决方案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/

【讨论】：