0

我在一个 div 内有 3 个图像，而该 div 在另一个 div 内......就像这样

<div class="contentImages">

<div id="slideshow">

<img src="upload/<?php echo $array['image'] ?>" height="200" class="active" />

<img src="upload/<?php echo $array['image2'] ?>" height="200" />

<img src="upload/<?php echo $array['image3'] ?>" height="200" />

</div>
</div>

如果你去http://www.willruppelglass.com/你可以看到它是一个幻灯片，图像不在 div 内居中，看起来很可怕......

（我最初的计划是附上图片，但我不确定这是否可能……是吗？）

这是幻灯片的 CSS

#slideshow {
    position:relative;
    height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow, #slideshow2, #slideshow3 {
    overflow:hidden;
    float:left;
    width:250px;
}

和内容图像的 CSS

.contentImages{
    border:1px solid #CCC; 
    padding:10px; 
    margin:20px auto 0; 
    position:relative;
    width:750px; 
    overflow:hidden;
}

我希望这是有道理的，这个问题已经困扰我好几天了，

4

1 回答 1

1

这是一个适合您的页面：http: //www.w3.org/Style/Examples/007/center

另外，我建议您制作图像的缩略图。加载它们需要很长时间，并且幻灯片会在加载所有图像之前多次切换。

于 2012-04-03T20:47:36.420 回答