Q質問

複数の画像を横にスクロールさせる方法について
こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるのはどのようにすればいいのでしょうか。できれば、CSSとhtmlのタグを教えていただければうれしく思います。
また、横についているボタンだけにするとか、下のスクロール部分だけにするとかも教えて下さい。
よろしくお願いいたします。

A 回答 (2件)

NO.1番の回答者です。 追記。

NO.1では画像がで落ちるのでわかんないですね・・・

<div style="overflow:auto; width: 600px; height: 200px;">
<div style="width: 2000px;">
<img><img><img><img><img><img><img><img><img>
</div>
</div>

これを表示したら理解出来ると思いますが。
<img>は実際の画像を利用してね。

この回答への補足

ご回答ありがとうございます。ちゃんと理解できました。ちなみに、ボタンのJavascriptはどのようにすればできるのでしょうか。扱ったことがないので、わかりやすく教えていただければ助かります。よろしくお願いします。

補足日時:2010/08/13 18:21
    • good
    • 0

簡単に言えば、

<div style="overflow:auto; width: 600px; height: 200px;">
<img><img><img><img><img><img><img><img><img>
</div>

こんな感じ。

ボタンは、javascript

そのサイトは、そのdiv内にテーブルとリストで画像枠を組んでるけどね。

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

注目の記事

ダンゴムシはなぜ丸くなる?食べ物や触角にも秘密があった!

愛らしい姿が特徴のダンゴムシ。子どものころ、公園でダンゴムシを捕まえて遊んだことがある人も多いのではないだろうか。 「教えて!goo」には「ダンゴムシがダンゴになる理由」という質問が投稿されていたが、な...

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報