• ベストアンサー

横長背景をページ読み込みの時真ん中から表示

noname#100277の回答

noname#100277
noname#100277
回答No.2

良く解らないので再度質問を整理して解り易く説明して下さい。 5000pxの画像なんて普通は表示させませんよ。

gyrate
質問者

補足

そうなのです。普通はそんなに横に長い写真などは表示させないのですが、今回は、例えば360度のパノラマ写真があったとします。 写真で言えば、4枚とか5枚の写真が合成でくっついているようなものです。 で、その1枚分がモニターに納まる感じで映るのですが、 このパノラマを画像を縮小などしないで、そのまま横スクロールで HPにしたいIMGとして貼り付けたいということなのです。 もちろん普通はそんなことしないのですが、あえて今回はということなのです。 ですので、4枚の写真が連なったパノラマ写真を横スクロールでということです。 そのパノラマ写真を表示する時に左端から表示をしないで、ブラウザが読み込んだら真ん中を表示させたいということです。 真ん中がデフォルトの表示設定ですので、横スクロールが右左になるということです。 説明が上手くなくて申し訳ないのですが、お力をお貸しいただけないでしょうか。なにとぞ宜しくおねがいいたします。

関連するQ&A

  • CSSで背景画像を真ん中だけに表示

    背景画像を画面最上部の真ん中600pxだけに表示したい場合、 外部CSSはどのように表記すれば良いのでしょうか? 現在 background: url("img/●●.gif") repeat-x top; background-position:0px 0px; と表示してますが、これだと最上部右から左まで画面いっぱいに表示されます。 これをテーブルを使わずに真ん中600pxだけに表示する方法はありませんか? ※テーブルがダメな理由は、margin:0px;で指定しても、画面最上部1pxだけ空いてしまうからです。 空かない方法があればそれでもかまいません。 アドバイスよろしくお願い致します。

    • ベストアンサー
    • HTML
  • Webページの表示位置が真ん中になる

    とても説明しづらいのですが、 Webページを全て読み込んだ後、普通は一番上が表示されますよね?(スクロールバーが一番上の状態) 自分のWebページを開いてみると、画像等全て読み込んだ後、ページ全体が表示された時にスクロールバーが真ん中に来てしまうのですが、どうしてでしょう? 何か原因になるタグを埋め込んでいたりするんでしょうか・・教えてください。

  • ページがスクロールするのについてくる背景画像

    わからなくて困っています。 どなたか分かる方教えてください。 トップページのトピックス部分をインラインフレームで表示させる作りにしました。 インラインフレームの表示部分は310*200です。 表示させる部分なので、トピックスの背景も310*200で作ってcssで固定させました。 表面的にはOKなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか? cssかjavaでできるでしょうか? 教えてください。 よろしくお願いします。

  • 作っているページ内に背景を表示させるには

    勉強不足で申し訳ありませんが、ホームページを独学で作成しています。 横幅950ピクセルのサイトを、中央表示させるように考えています。 その950ピクセルの左上の部分に、(繰り返しの無い)背景画像を表示させたいのですが、 CSSファイルにbackgroundで指定してやると、どうやら表示する画面のサイズに左右されるらしく、 範囲外に背景画像が出たり、自分が考えているのとは違う位置に表示されてしまいます。 ページ内のひとつの要素として、背景画像のように扱えるイメージを挿入するには、どうすれば良いでしょうか。

    • ベストアンサー
    • CSS
  • ページの背景について。

    ページの背景を黒背景にしてそこの真ん中に横長に 別の背景(市松模様)をつけたいのですが、 普通に固定すると幅が狭くなってしまうんです。 もう少し太くしたいのですが、どうすればよいのでしょうか?教えてください。

    • ベストアンサー
    • CSS
  • 背景画像を任意の位置に置きたい

    こんにちは、Santaと申します。 いつもお世話になっております。 Firefox 8.0 Chrome 16.0 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは width:950px; height:800px; です。 左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。 左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。 自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。 css --------------------------------- body { background-image:url(../images/background_line_wall.gif); background-position:50% 50%; background-repeat:no-repeat; } ----------------------------------- どのように書きましたら、上から200pxの位置へ、左、右からは中央へセンタリングできますでしょうか? よろしくお願いいたします 失礼致します。

    • ベストアンサー
    • CSS
  • 背景のことで

    ジャバスクリプトで、背景をランダムに表示させる というものがありますが この背景の位置を指定してランダムに表示させる方法は無いでしょうか? 例えば、背景画像を真ん中に固定してその背景画像をランダムに表示させるようにしたいのですが・・・。 (普通に画像で表示させるのではなく、背景で) どなたか位置を指定して出来る方法を知っている方が居ましたら教えて下さい。

  • 縦長の画像をスクロール、背景固定

    Wordpress Stinger5を使っています。 トップページの高さが3000px 画像の高さが1500pxです。 この画像を背景にし、ページの上部に表示し、 下にスクロールして、背景画像が途ぎれるときに 背景が画像が固定する方法が知りたいです。

    • 締切済み
    • CSS
  • ページの表示位置

    MT3.36ですが、width 750pxのページが左寄りに表示されます。中央に表示させるにはスタイルシートに書き込むタグを教えてください。 初歩的なことで申し訳ありません。

  • iflameでの途中表示・・

    ページの中にiflameで他サイトを表示しています。 iflame部分にはスクロールをつけているのですが、 ページ自体が表示された際に、スクロールの位置を一番上ではなくて、途中(真ん中あたり)に設定する事ってできるのでしょうか? イメージ的にはリンク部分に<a name="○○"></a>をつけた時にリンク先のページのスクロールが中段位置などから表示されたりしますよね? そんな感じにしたいのです。 ちなみにiflameの内容はyahooオークションページなので、<a name="○○">等を打つ事はできないのです。。 iflameを表示させる段階で、途中位置からのスクロールに設定する方法があれば教えていただけませんでしょうか?

    • ベストアンサー
    • HTML