- ベストアンサー
複数の画像を横にスクロールさせる方法について
複数の画像を横にスクロールさせる方法について こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるのはどのようにすればいいのでしょうか。できれば、CSSとhtmlのタグを教えていただければうれしく思います。 また、横についているボタンだけにするとか、下のスクロール部分だけにするとかも教えて下さい。 よろしくお願いいたします。
- gerberared
- お礼率32% (20/62)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 (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>は実際の画像を利用してね。
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
簡単に言えば、 <div style="overflow:auto; width: 600px; height: 200px;"> <img><img><img><img><img><img><img><img><img> </div> こんな感じ。 ボタンは、javascript そのサイトは、そのdiv内にテーブルとリストで画像枠を組んでるけどね。
関連するQ&A
- 複数の画像を横にスクロールさせるボタンについて
複数の画像を横にスクロールさせるボタンについて こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるボタンはどのようにすればできますか。Javascriptは扱ったことがないのでわかりやすく教えていただければ助かります。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 横にスムーズスクロールしたい
以前似た質問をしたのですが少し進展があったのでもう一度質問させて下さい。 私はjavascriptにはほとんど詳しくないものです。 複数のリンクを横に並べ、「次へ」のボタンをクリックすると横にスムーズにスクロールするjavascriptを組みたいと思っています。 今考えているのは http://youmos.com/reference/smooth_scroll.html こちらのサイト様の横バージョンを作りたいと思っています。 色々と試行錯誤してみましたが横にスクロールすることがうまくできなかったためどなたかご教授願えないでしょうか… 宜しくお願い致します。
- ベストアンサー
- JavaScript
- 画像の一部分をスクロールして表示する方法
画像の一部分をスクロールして表示する方法 初めて質問させていただきます。 一枚の画像の一部分を表示させ、画像をスクロールさせる→次の画像へ移る という見せ方をしたいと思っています。 参考サイト:http://www.kmad.jp/index.html ここのトップページのような形が出来たらと思っています。 HTMLとCSSには少し慣れてきたのですが、JavaScriptは初心者で全く分からない状態です。 もしJavaScript以外の方法でいいやり方があれば、そちらも教えていただけるとありがたいです。 すみませんが、詳しい方、宜しくお願いします。
- ベストアンサー
- JavaScript
- 大きい画像を横に並べる方法
自身のイラストサイトを作っているのですが、分からないことがあります。 イラストをimg srcタグで次々に横に並べて、 横スクロールバーでイラストを見ていく というデザインにしたいのですが、 (<img src=""><img src=""><img src="">…というふうに) 1つ500ピクセルくらいの大きさのあるイラストを並べるので、 勝手に次の画像が改行?されてしまいます。 画像がずれることなく、横スクロール内に収められる方法はありませんか? ホームページ作りに関してはあまり知識はないのですが、 どなたかご存知の方いらっしゃいましたら、よろしくお願いします。 ちなみに使っているサーバーはロリポップです。
- ベストアンサー
- その他(インターネット・Webサービス)
- フレームと横スクロールを使ったサイト
こんにちは。質問お願いします。 今、http://youmos.com/reference/smooth_scroll.htmlのサイト様のような スクロールを使ったサイトを作りたいと思っています。 内容は、上下に分かれたフレームで 上はメニュー、下はコンテンツ、 メニューのボタンを押すと、下のコンテンツが横スクロールして 表示されるというものです。 検索したのですが、いまいちわかりませんでした。 HPについて詳しい方!回答をお待ちしております><
- 締切済み
- JavaScript
- スマホの横スクロール画像
料金表のテーブルですが スマホでみると横スクロールになり 横スクロールを示す画像が出てきます。 これ!わりやすくて便利だなぁと思いまして、自分のサイトにもつけたいです。 ただ、やり方がわからず、どうやって表示させているのか お判りになりましたら教えてほしいです。 こちらのサイトを見ています。 tengokutobira.jp/plan/ よろしくお願い申し上げます。
- ベストアンサー
- CSS
- ブロック要素の横スクロールバーのカスタマイズ(画像)
ブロック要素の横スクロールバーを画像にしたいです。 http://www.apple.com/jp/mac/ の上のメニューみたいに横にスライドし、スクロールバーを画像にしたいのです。 ボタンをクリックして任意の位置に飛ぶスライドはすでにすでにできています。 スクロールバーの差し替えとして http://www.n-son.com/scripts/jsScrolling/new/example2.html を参考にしてやってみていますが、横スクロールバーに応用したいのですが、どこをかえたらいいかわかりません。 アドバイスよろしくおねがいします。
- 締切済み
- JavaScript
- 横へスクロール
あるボタン(例えばnext)を押すと、画面が横へゆっくりスクロールするようなものを作りたいのです。 どこかにそれが書かれているサイトはないかと探したのですが、どうやって検索していいのかもわかりません。。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- 横スクロールを縦スクロールに変換したい
ちょっと違うのですが、こちらのサイトをご覧ください。 http://www.rinkokikuchi.com/# このサイトでは横スクロールデザインですが、マウスの縦スクロールをしても横にスクロールできるようになっています。 私が今困っているのはパララックスを使った縦スクロールのサイトを作っているのですが、 マウスのホイールを横にスクロールした際にもサイトを縦にスクロールできる様にしたいのですが、分かりません。 縦横どちらでもスクロールできる様にしたいです。 どなたか教えて頂けませんでしょうか。
- 締切済み
- CSS
補足
ご回答ありがとうございます。ちゃんと理解できました。ちなみに、ボタンのJavascriptはどのようにすればできるのでしょうか。扱ったことがないので、わかりやすく教えていただければ助かります。よろしくお願いします。