さらに読む前に、私は OneByOne Jquery Slider プラグインを利用しています。プラグインのコンテンツは、コンテナー div の上部にスナップしようとしているものです。OneByOne の詳細については、次のリンクをご覧ください: http://codecanyon.net/item/jquery-onebyone-slider-plugin/684613
内部の div をそのコンテナー div の上部にスナップしようとしています。これが私の (とにかくだと思う) 関連する CSS です。
#banner{
position: absolute;
}
.oneByOne1{
margin-right: auto;
margin-left: auto;
width: 960px;
height: 420px;
position: relative;
overflow: hidden;
}
#banner .oneByOne_item{
position: absolute;
width: 960px;
height: 420px;
overflow: hidden;
display: none;
}
一番上にスナップしようとしている div は「バナー」div であり、コンテナー div は「コンテンツ」ですが、OneByOne プラグインを使用すると、上記のコード化された oneByOne div ブロックとして認識されます。関連する HTML は次のとおりです。
<div id="content">
<div id="banner">
<div class="oneByOne_item">
<img src="img/storefront.jpg" class="item_1_1" />
</div>
<div class="oneByOne_item">
<img src="img/livemusic.jpg" class="item_1_2" />
</div>
<div class="oneByOne_item">
<img src="img/brokerecord.jpg" class="item_1_3" />
</div>
</div>
</div>
ここに私の現在のサイトへのリンクがあります: http://raider.grcc.edu/~ryanduffing/recordstore/