画像を画面右から左にjsのanimateを使って横一列で流すプログラムを書いています。
1つ300pxの画像をいくつか繋げて流しているのですが、流す画像の数が増え、現在指定したwidthの数を超えると、画像が横一列の形が崩れ、画像が二段になって表示されてしまいます。
widthを10,000pxといったように、300px × 画像の最大枚数 のwidthを指定すれば下の段に画像が落ちることはないことはわかるのですが、他にもっといい方法はないのでしょうか?
横に並んだ画像が、もし指定したwidthをはみ出したら、下の段に画像表示するのではなく、そのまま、ウィンドウ上には表示されないが、jsのanimateで動き出すと表示される、といったようなコードなどありますか?
###該当のソースコード
---html--- <div id="container"> <div id="image"></div> </div> ---css--- #container { width:4000px; } #image{ top: 100px; right: -50px; position: absolute; right:-1500; }
###試したこと
・ #containerのwidthを10000pxに設定
・ #imageにoverflow:hiddenを設定
・ #containerにoverflow:hiddenを設定
###補足情報(言語/FW/ツール等のバージョンなど)
回答1件
あなたの回答
tips
プレビュー