これはFLASH？javascript？

質問

以下のサイトのような動きのあるヘッダーを作りたいと思っております。

http://www.hayashi.or.jp/

これは何でできているのでしょうか？
FLASHでもなさそうですし、ソースを見てもわかりません。
他のページのヘッダーも同じような作りになっています。

また動き（背景）がBodyの範囲外（横スクルロールバーが出る範囲外）まであるのですが
これはどうなっているのですか？（ぐーっと横にウインドウ幅を広げてもって事です）

分かりづらいかもしれませんが、
上記のサイトのようなものを作りたいので、
どうのような仕組みになっているかわかれば教えて下さい。

宜しくお願い致します。

回答No.2

ayustar · ベストアンサー

Flashの方の仕組みはあまりわからないのですが、恐らくNo.1の方の解答で事足りると思いますので、あとはCSSによる配置のようです。

まず、body直下には#containerと#backgroundの2つのdivがあります。
#backgroundの方は、件のswfしか内包していません。
このHTMLなら、普通だとフッターの下にswfが来るのですが、それを#containerに対してCSSでposition:absolute;を指定することにより、#backgroundの上に乗せるということを実現しています。

swfを右クリックしても何も出ないのは、#containerが上にあるためそもそもクリックが出来なくなっているからです。positionを使うと起こりがちなことです。

FirefoxのFirebugというアドオンはご存じでしょうか？
それを使ってposition:absolute;を無効にしてみるとわかりやすいです。

お礼

有り難う御座います。
なんとなく掴めてきました。

ちょっと色々試してみたいと思います。

回答No.1

BlurFiltan

基本的(全体の根本的)には Flash でも JavaScript でもなく HTML ですよ。

HTML で SWF(Flashファイル) を貼り付けるときの横幅を 100% にするんです。
それだけです。

もし，
テーブルの中のセルの中に SWF を表示させれば
そのセルの中で SWF の表示エリアの横幅は 100% になります。

テーブルも何も用意せず
単に SWF を HTML に横幅 100% で貼り付ければ
そのページ全体に SWF が広がります。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

その中でですね，
Flash 内部のものをセンタリングするとか左寄せにするとか
はたまた背景をエンドレスに配置するなどのことは Flash でします。

そういことは Flash 作成をする人しか立ち入れない領域になります。

ActionScript 2.0 以下の場合は
次のページが参考になるかもしれません。

「Flashゲーム講座＆ASサンプル集【Flash の画面表示について】」
http://hakuhin.jp/as/stage.html

ActionScript 3.0 以下の場合は
次のページが参考になるかもしれません。

「FlashゲームPG講座 For AS3.0【Stage クラスについて】#STAGE_03」
http://hakuhin.jp/as3/stage.html#STAGE_03

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

別に有償の Adobe Flash を持っているとかいないとかは関係ありません。
例えば Suzuka というフリーのFlash作成ソフトもあります。

その Suzuka の，
ある解説サイトのヘッダーなどは同じような表示のしくみになっています。

「ささきち流 Suzuka ＆ ParaDraw 講座」
http://suzupara.iinaa.net/
↑このページのヘッダーが同類ですよね？
　(ただし Flash 内部 は センタリング になってますが。)

また，同サイト内の次のページでは，
フルスクリーンのFlashの作成方法も書かれています。

「ささきち流 Suzuka ＆ ParaDraw 講座-フル画面Flash (Stageクラスの使い方)」
http://suzupara.iinaa.net/kiso411.html

つまり，Flash さえ作ることができればフリーでもできます。

結局，何の質問かわかりませんが(どういう状況でどんなソフトを使ってActionScriptのバージョンは何でなどがわかりませんが)，
漠然とした説明は以上です。

お礼

回答ありがとうございます。
単純にhtmlに張付けてるってことですね。
ただ、FLASH内にhomeボタンやらメニューボタン、文字の拡大ボタンなど色々ありますが、それもFLASH側でやってるんですか？
htmlでつけてる感じがするのですが。
よくflashのデータって右クリックでわかるじゃないですか？
単純にそれが出てないので。。

もしかしてCSSで背景でFLASHをつけているとか？（こんなことできるのかわかりませんが）

その場合でもさっきの場合でも、
headerというdivで幅サイズを決めててもイメージのところで100%表示すると
はみ出して出てくれるということですね？

ちなみに
使用ソフトは
FLASH CS5
ActionScript ver3.0です。

質問が多くてすいません。
お願いします。