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 に答える