- ベストアンサー
横長背景をページ読み込みの時真ん中から表示
お分かりになるかた教えていただきたいのですが、 普通はないのですが、ＨＰで横に長い例えば５０００ＰＸぐらいの背景があって、それを普通に表示させると一番左に寄って表示されてしまします。色々試したのですが、この横長背景を真ん中の部分つまり２５００ＰＸあたりをページを読み込んだ時に表示するやりかたはありますでしょうか？ このようなページは普通つくらないとは思いますが、今回は横長ということで考えています。ですが、自分がセンターに読み込みの時に表示させたい、つまり背景画像を作ったときにセンターの位置に表示させたい部分が真ん中に作ったもので、どうにか読み込みの時に左に寄らないで背景を、と考えております。 もちろんスクロールが発生しますが、真ん中表示させて、スクロールは右左ということです。今は左寄りにつめられて表示なので右にしかスクロールしません。。 お分かりの方お力をお貸しください。 どうぞ宜しくおねがいいたします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
良く解らないので再度質問を整理して解り易く説明して下さい。 5000pxの画像なんて普通は表示させませんよ。
補足
そうなのです。普通はそんなに横に長い写真などは表示させないのですが、今回は、例えば３６０度のパノラマ写真があったとします。 写真で言えば、４枚とか５枚の写真が合成でくっついているようなものです。 で、その１枚分がモニターに納まる感じで映るのですが、 このパノラマを画像を縮小などしないで、そのまま横スクロールで ＨＰにしたいＩＭＧとして貼り付けたいということなのです。 もちろん普通はそんなことしないのですが、あえて今回はということなのです。 ですので、４枚の写真が連なったパノラマ写真を横スクロールでということです。 そのパノラマ写真を表示する時に左端から表示をしないで、ブラウザが読み込んだら真ん中を表示させたいということです。 真ん中がデフォルトの表示設定ですので、横スクロールが右左になるということです。 説明が上手くなくて申し訳ないのですが、お力をお貸しいただけないでしょうか。なにとぞ宜しくおねがいいたします。
- goldfox
- ベストアンサー率49% (123/249)
関連する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で固定させました。 表面的にはＯＫなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか？ cssかjavaでできるでしょうか？ 教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 作っているページ内に背景を表示させるには
勉強不足で申し訳ありませんが、ホームページを独学で作成しています。 横幅９５０ピクセルのサイトを、中央表示させるように考えています。 その９５０ピクセルの左上の部分に、（繰り返しの無い）背景画像を表示させたいのですが、 CSSファイルにbackgroundで指定してやると、どうやら表示する画面のサイズに左右されるらしく、 範囲外に背景画像が出たり、自分が考えているのとは違う位置に表示されてしまいます。 ページ内のひとつの要素として、背景画像のように扱えるイメージを挿入するには、どうすれば良いでしょうか。
- ベストアンサー
- CSS
- ページの背景について。
ページの背景を黒背景にしてそこの真ん中に横長に 別の背景(市松模様)をつけたいのですが、 普通に固定すると幅が狭くなってしまうんです。 もう少し太くしたいのですが、どうすればよいのでしょうか?教えてください。
- ベストアンサー
- CSS
- 背景画像を任意の位置に置きたい
こんにちは、Santaと申します。 いつもお世話になっております。 Firefox ８．０ Chrome １６．０ 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは 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; } ----------------------------------- どのように書きましたら、上から２００pxの位置へ、左、右からは中央へセンタリングできますでしょうか？ よろしくお願いいたします 失礼致します。
- ベストアンサー
- CSS
- 背景のことで
ジャバスクリプトで、背景をランダムに表示させる というものがありますが この背景の位置を指定してランダムに表示させる方法は無いでしょうか？ 例えば、背景画像を真ん中に固定してその背景画像をランダムに表示させるようにしたいのですが・・・。 （普通に画像で表示させるのではなく、背景で） どなたか位置を指定して出来る方法を知っている方が居ましたら教えて下さい。
- ベストアンサー
- JavaScript
- 縦長の画像をスクロール、背景固定
Wordpress Stinger5を使っています。 トップページの高さが3000px 画像の高さが1500pxです。 この画像を背景にし、ページの上部に表示し、 下にスクロールして、背景画像が途ぎれるときに 背景が画像が固定する方法が知りたいです。
- 締切済み
- CSS
- iflameでの途中表示・・
ページの中にiflameで他サイトを表示しています。 iflame部分にはスクロールをつけているのですが、 ページ自体が表示された際に、スクロールの位置を一番上ではなくて、途中（真ん中あたり）に設定する事ってできるのでしょうか？ イメージ的にはリンク部分に<a name="○○"></a>をつけた時にリンク先のページのスクロールが中段位置などから表示されたりしますよね？ そんな感じにしたいのです。 ちなみにiflameの内容はyahooオークションページなので、<a name="○○">等を打つ事はできないのです。。 iflameを表示させる段階で、途中位置からのスクロールに設定する方法があれば教えていただけませんでしょうか？
- ベストアンサー
- HTML
お礼
本当にありがとうございます。助かりました。 こちらの <script type="text/javascript"> onload=function(){ scrollTo(2500,0); }; であれば、今後横のサイズが変わったときにでも値を変えることによって好きな位置をセンターに持ってこれるので重宝しそうです。 本当に普通ならこんなことはしないのですが、普通だから普通じゃないことをやってみようということになりまして。。。。 写真の表示のさせ方は色々とサイトを観て回っては探しているのですが、今回のものはあまりに無謀？なということもありまして、見つけることができなかったものですから。 とにかく、ほんとうにありがとうございました。 私ももっと勉強をしまして自分で解決できるようになれるようにがんばりたいと思います。 お手数をおかけいたしまた。