jquery - スケーラブルな背景画像を水平方向に並べて配置

Question

私はカスタムの水平スライドショーを構築しており、完全にスケーラブルな画像を持つものを理想化しました.ブラウザウィンドウのサイズを変更すると、それに応じて画像が拡大縮小されます.

さて、これを実現するには、このチュートリアルposition: fixedに従って、画像に div コンテナーが必要です。

CSS のみの手法 #1 を使用しました。

#imageContainerDiv img {
    min-height: 100%; 
    min-width: 1024px;
    width: 100%; 
    height: auto;
    position: fixed; 
    top: 0;
    left: 0;
}

したがって、必要なのは、画像が次々に水平に整列することです(floatのように)。これがフィドルです（ボタンなし）。ありがとう。

ペドロ

Answer 1

コンテナ内の画像を display:inline-block に設定し、寸法をコンテナ自体に設定してみてください。また、コンテナ自体を display:table に設定する必要がある場合もあります。このようなもの：

#imageContainerDiv {
    display:table;
    min-width: 1024px;
    height:auto;
}

#imageContainer Div img {
   display:inline-block;
   width: 100%; 
   height: auto;
   position: fixed; 
   top: 0;
}