• 締切済み

背景に1280×1024の画像があるフルスクリーンでスクロールバー非表示をするには

はじめまして。かなり困っております。よろしくお願いします。 現在わたしが作成しようとしているものは下記の項目のものです。 ------------------------------------------------------------------------------------ ・index.htmlにあるenterボタンを押して、flashフルスクリーンのページが表示される(縦横のスクロールなし)。 ・フルスクリーンで使用するflashの背景画像が1280×1024pxである。 ・背景画像は伸縮せず、固定。どのモニターでも中央に表示される。 ------------------------------------------------------------------------------------ です。 フルスクリーンはindex.htmlにjavascriptを埋め込んで、できたのですが、1280×1024pxより小さなモニターの場合、画像が中央に配置しません。 どうすればよいでしょうか? よろしくお願いします。

  • Flash
  • 回答数1
  • ありがとう数3

みんなの回答

noname#35109
noname#35109
回答No.1

単純に, 背景画像をステージの中央に配置していないから, 背景画像が中央に表示されないのではないでしょうか。 「ウィンドウ」→「整列」で整列パネルを表示させて, 背景画像を選択し, 整列パネルの「ステージを基準」ボタンを押した状態にして, 整列:「中央揃え(水平方向)」 分布:「中央分布(垂直方向)」 をクリックして,画像の中心をステージの中心と一致させます。 そしてフレーム1に次のように書きます。 ----------------------------- // ムービー内の拡大縮小なし Stage.scaleMode = "noScale"; ----------------------------- すると, > ・背景画像は伸縮せず、固定。 > どのモニターでも中央に表示される。 状態になります。 ///////////////////////////////////////////////// =↓=関係ない話かも=↓= ひょっとして, Stage.scaleMode = "noScale"; Stage.align = "TL"; のように,Stage.align = "TL"; を書いているから中央にならないのでしょうか? もしそうであるのなら,そう書いていただかないとこちらではわかりません。 Stage.align = "TL"; を書いたものとして以下を回答します。 書いていなければ無視してください。 もし, Stage.align = "TL"; などを書いたのであれば,それを取ってください。 余計なことは書かない方が良いですし,それが一番の解決策です。 しかし, Stage.align = "TL"; が必要な場合は取れませんね。 取れない場合は,背景画像を中央固定するしくみを作らなければなりません。 その方法を書きます。 背景画像を選択して 「修正」→「シンボルに変換」(MX2004以上) もしくは 「挿入」→「シンボルに変換」(MX以下) で背景画像をムービークリップに変換します。 ムービークリップに変換するときの 基準点 に気を付けてください。 中央を基準点としてムービークリップに変換します。 ---基準点を中央に----------  基準点(R):□□□         □■□         □□□ --------------------------- そして, 背景画像ムービークリップにインスタンス名を付けます。 この説明では 「haikei」 というインスタンス名を付けたとしておきます。 そしてフレーム1に次のようなスクリプトを書きます。 ---------------------------------------- // ムービー内の拡大縮小なし Stage.scaleMode = "noScale"; // ステージの左上を基準にする Stage.align = "TL"; // // 「haikei」 をステージ中央に移動 _root.haikei._x = Stage.width/2; _root.haikei._y = Stage.height/2; // // ステージ監視用インスタンスを作成 stageListener = new Object(); // ステージがリサイズされたときの動作定義 stageListener.onResize = function() { // 「haikei」 をステージ中央に移動 _root.haikei._x = Stage.width/2; _root.haikei._y = Stage.height/2; }; // Stageクラスのリスナーに stageListener を登録 Stage.addListener(stageListener); ---------------------------------------- これで, Stage.align = "TL"; が必要な場合も背景画像は中央表示されます。

uuki614
質問者

お礼

sassakun様 ありがとうございます。 背景画像が中央になっておりませんでした。初歩的なミスでパニックになってました。本当にありがとうございます。

関連するQ&A

  • ブラウザのスクロールバーの長さを制御

    ブラウザのスクロールバーの制御をしたいのですが、 いい方法が見つかりません。 たとえば、縦の長さ800pxある画像を表示させたときに 500pxまではブラウザのスクロールバーを非表示にさせ、 500px以下になったときにはじめてスクロールバーが表示される形を再現したいです。 この時、例えばブラウザウィンドウの縦幅を480pxにした場合は 差分の20px分のみのスクロールバーが出てきてほしいのですが、 単純にjavascriptで判別させてoverflowの切り替えをしてしまうと、 800px分のスクロールバーが出てしまうのです。 ちなみに画像は背景としてではなく、あくまでも画像として配置したいと思っています。 何かいい方法があればご教授ください

    • 締切済み
    • CSS
  • Java scriptでFLASHを表示したときのスクロールバー表示

    Java scriptでFLASHを表示したときのスクロールバー表示について悩んでいます。 index.htmlにはアイコンがあり、それをクリックするとJava scriptで小窓が開くようにしてあります。そこには、“scrollbars=yes”の引数があります。 小窓にはFLASHがひとつ表示されます。IEでの表示対策のため、FLASHを<object>ではなく、Java scriptで表示するようにしています。document.write('<embed src="***.swf"・・・といった感じです。 そうすると、index.htmlのJavascript小窓オープン時に“scrollbars=yes”としたにもかかわらず、小窓のウィンドウサイズを小さくしたときにスクロールバーが出ません。 FLASHを<object>で配置するとリサイズ時にスクロールバーが出るので、FLASHをJavascriptで配置するとそうなってしまうのかなぁ、と思っています。 IEで点線の枠が出てしまうのがみっともないので、できるだけ<object>で配置したくはないのですが…。 この場合、スクロールバーを表示するようにはできないでしょうか。

  • スクロールしても背景画像が止まって表示されるJavaScript

    ホームページでスクロールしても背景画像が止まって表示されるJavaScriptを教えてください。 前まで知っていたんですけど、検索しても見つかりません。よろしくお願いします。

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

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

    • 締切済み
    • CSS
  • 横スクロールバーを消して中央表示させる方法

    いつもお世話になっております。 さきほど、画面サイズと背景写真について質問させていただいたものです。 教えていただいた結果、ひとまず背景に横1600pxの画像を使用することに致しました。 そこで、ためしに1枚絵の画像を背景として入れてみたのですが、案の定といいますか、、、 横スクロールバーが出てしまい、あげくに中央に表示されていませんでした。 ブラウザや画面のサイズにとらわれず随時中央表示にし、横スクロールが出ないようにする方法を教えていただけないでしょうか? どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スクロールに沿ってjavascriptで背景画像を

    現在webサイトを作成しています。ページのメインビジュアルを「.mainVisual」というclassを作成し背景画像を指定して表示しています。 この背景画像を画面スクロールした際に、下に動くように以下のjavascriptを実装しています。 $(function() { $(window).scroll(function(){ var y = $(this).scrollTop(); $('.mainVisual').css('background-position-y', '0 ' + parseInt( +y / 10 ) + 'px'); }); }); この状態で動くのですが、今回新たに背景画像の元々の表示位置を「background-position」で調整したいと考えています。(単純に画像が下に下がるので、事前に画像の位置を上に上げておきたい) cssの記載で位置の調整はできるのですが、スクロールしてjavascriptが実装されると「background-position」の値が0pxになってしまい、背景画像の指定位置が元に戻ってしまいます。 こちら既に指定指定した「background-position」の値を残しつつ、jsでスクロールに併せて要素を動かすにはどのようにすればよいでしょうか。 わかりにく説明と、ひどく初心者の質問で大変に恐縮ですが、どなたかご教授いただけませんでしょうか。 よろしくお願いいたします。

  • CSS/背景画像をセンタリングした際に、スクロールバーの有無で位置が変わってしまうのを防ぐには?

    背景画像を中央で縦に並べる形でサイトを作っております.  background-repeat:repeat-y;  background-position:50%(或いはcenter) ページによって、スクロールバーの有無があるのですが、これによって(バーの幅による)中央の背景位置に微妙なズレが生じてしまいます。 フレーム使用のため少々対応に困っております. スクロールバーをどのページでも出す、背景画像をpx指定、これ以外に何か方法はあるものでしょうか? よろしければお教えいただければありがたく思います.

  • スクロールバーが表示されてしまう

    いつもお世話になってます。 Go LiveCS2での質問です。MAC OSXを使っております。 上下2分割のフレームを使用した、解像度800×600に対応するサイトを作成しております。 トップフレームには、中央寄せにしたレイヤーに、W:720px、H:108pxのイメージを貼り付けています。 メインフレームには、W:720pxのグリッドレイヤー上に、イメージや文章のレイヤーが置かれています。 このページをサーバにアップしwindows(IE6)で表示させると、横にスクロールさせる為のスクロールバーが表示されてしまうのです。 もちろん、ワイド780px以上の画像などを貼ってはいません。 またこの現象は、解像度1024×768の環境下で、フルスクリーンで表示したときも出ます。 グリッドレイヤーを使用していないページはそんな事はないのですが、このグリッドレイヤーの使用法に何か間違いがあるのでしょうか? 特にCSSなどのスタイルは指定しておりません。 (ただ新規ページを作成して、グリッドレイヤーをドラッグ後、ワイドを720pxにしただけ) いろんな事を試したのですが、自分自身の力ではどうにも出来ませんでした。 知識の明るい方がおられましたら、ご教授下さい。

  • スクロールで背景画像が隠れてしまう

    CSSを始めたばかりの初心者です。 フレームでメニューを表示させています。 CSSで背景画像を固定にしているのですが、 長いメニューでスクロールが出て来ると、 ブラウザの表示領域外にあったテキストの背景が白く表示され、 そこから下の背景は画像も見えず真っ白になってしまいます。 ブラウザを引っ張ると背景画像もまた出てくるのですが… これは一体どうしたらいいのでしょう? お答え頂けたら嬉しいです。

  • 背景画像の表示について

    こんにちは。 初心者ですが、Yahooのジオシティーズでホームページを作っています。 今、頭を悩ませている要因が、背景画像についてです。 自作した画像があるのですが、それをアップデートしたURLでは、画面に収まりきるサイズだったのです。 でも、いざトップページに配置したら、なぜか勝手に拡大表示されている上に、スクロールバーが出ていません。 おかげで上下左右が見切れ、画像も荒くなってしまいました。 さらに、画像の繰り返しをしない設定(background-repeat:no-repeat;)をしたにもかかわらず、反映されていませんでした。 HTMLタグでもスタイルシートでも試してみましたが、同じような結果です。 イメージで配置したところ、サイズは同じように拡大されてしまいましたが、スクロールバーは出ました。 私の理想とする設定は、 【作ったままのサイズで  右端中央にひとつだけ表示し  画面サイズを超えてしまったパソコン(小さいノートパソコンなど)ではスクロールバーが表示される】 といったところでしょうか。 初心者なりに勉強して、HTMLやスタイルシートについては多少なりとも理解できるつもりです。 どうか、ご教授願います。

専門家に質問してみよう