• 締切済み

大きな画像の読み込むまで「loding中」って表示したい。

かなり大きな画像1枚をPOP UPで表示させようとしてます。 ただ、読み込んで表示されるまで当然時間がかかります。 そこでflashとかのNOW LOADINGのような表示をして、画像が読み込み 終わったらパッと表示されるってことをやりたいのですが。 いくつか本を読んで近いものはあったんですが、どうもしっくりこなくて。 お知恵をお願いします。

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

みんなの回答

  • future9
  • ベストアンサー率29% (22/74)
回答No.3

DHTMLについては下のサイトを見ると良いと思います。

参考URL:
http://www.st.rim.or.jp/~makoto3/
  • xruz
  • ベストアンサー率50% (72/143)
回答No.2

>こんなことflashを使わずに実現できるのでしょうか? ActiveX、JavaApplet、VBscript(?)を使えば可能だと思います。

kojio03
質問者

お礼

ご返答ありがとうございます。できればDHTMLで処理できればと思うのですが。

  • xruz
  • ベストアンサー率50% (72/143)
回答No.1

Flashみたいにかっこ良くないんですが、こんな感じではお気に召しませんか? <Head> <Title>loading</Title> </Head> <Script Language="JavaScript"> <!-- function heightZero() { if(document.all) document.all("dv1").style.clip="rect(0px,200px,0px,0px)"; if(document.layers) document.layers["dv1"].clip.height=0; } //--> </Script> <Body> <div id="dv1" style="position:absolute; top:50px; left:50px; width:200px; height:100px; clip:rect(0,200,100,0); z-index:1"> <table border="0" bgcolor="#00FFFF" width="200px" height="100"> <tr><td align="center" style="font-size:36px"> Now Loading<br> </td></tr> </table> </div> <Img Src="image.jpeg" onLoad="heightZero();"> </Body> </Html> Ie5.5およびNN4.75で動作確認済みです。 なお、Ie6は不明、NN6.xでは動作しません。

kojio03
質問者

補足

ご返答ありがとうございます。ボクもdivを使って同じようなことを試してました。 補足として、読み終わったらLOADINGも文字は消すことで、これはできました。 ただ、新しい要望がでできて、ほんとにflashみたいに、LOADINGバーを表示して 今どれくらいよみこんでいるかを表示したいんです。かつ、その表示を常にウィンドウの天地左右センターにして、divを使った場合ならネスケでリサイズしても くずれずセンターにあると。 かなり無茶な要望だと思うのですが、こんなことflashを使わずに実現できる のでしょうか? どっかのサイトでやってたと聞いたことがあるんですが。

関連するQ&A

  • FLASHで「Now loading」を入れたら画像が劣化しました;

    フラッシュで1フレームだけにムービークリップを全て入れて、ムービーを作成しました。(ムービー1とします) そのムービー1に「Now loading」の画像を付け足したかったので、その分フレーム数を増やし、ムービーを付け足したところ、「Now loading」が終わって表示されるムービー1の画像が劣化してしまいました。 ムービー1と「Now loading」のムービーを別々のシーンに分けてみたりもしましたが、結果は同じです。 ムービー1の画像のプロパティのGIFやJPEG、スムージング、書き出し時の設定なども色々変えて試してみましたが、劣化は収まりません。 「Now loading」のムービー(フレーム)を削除すると、ムービー1の画像の劣化が収まります。(シーンを分けた場合は、「Now loading」のシーンを削除し、ムービー1のスクリプトの最後のthis.stop();を削除した時点で、劣化が収まります) 「Now loading」は残したまま、画像を劣化させずにムービー1を表示させるには、どうすれば良いでしょうか?

  • Flashを読み込む間「Now Loading」とメーターを表示させたいのですが

    Dreamweaver CS3でWebサイトを作っています。 Flashで作ったswfの動画ファイルを別ウィンドウに表示させる事はできたのですが、swfを表示するのに時間が掛かるので、表示されるまで「Now Loading」とメーターを表示させたいのですが、作り方がわかりません。 Flashで作るのか、Dreamweaverで作るのかすら分かりません。 どなたかご教授お願い致します。

  • ページの読み込みが完了してから表示させるには?

    画像など全てのロードが完了してからページを表示させる方法はないでしょうか。 ロード中に「now loading」などと表示できたら最高です。

    • ベストアンサー
    • HTML
  • FlashでNow Loading・・・の作成方法

    こんにちは。 ちょっとお聞きしたいのですが、Flashを読み込み中の時にNow Loadingと 表示させているサイトってありますよね。 JavaScriptでもそのような事が出来ると言うのは過去の質問からわかりましたが、 実際、色々とカウントしていったりさせているNow Loadingは、Flashで 作成しているのですよね?? もし、Flashで作成しているのであれば、どこかに作り方の載っているWEBサイト ってないでしょうか? また、サンプル等が置いてあるWEBページもあれば教えてください。 色々見てみて、オリジナルなものを作ってみたいと思っています。 よろしくお願い致します。

  • 読み込み中に「Now Loading」を表示したい

    カテゴリが異なると思い、改めて質問致します。 PHPファイルの読み込み中に「Now Loading」を表示したいのですが、 (関連ページ http://oshiete1.goo.ne.jp/qa2753468.html) PHPファイルで作成されている色々なサイトを見てみましたが、表示されるまで「Now Loading」を表示しているページってないんですよね。(1ページぐらいあってもよさそうなものですが)ということは、PHPファイルの読み込み中に「Now Loading」を表示する事はやはり不可能なのでしょうか? どうかアドバイスの程よろしくお願い致します。

    • 締切済み
    • PHP
  • Now Loadingのつくりかた。

    FLASH5を使っています。 Now Loadingを表示させたいのですが、どうつくればいいのかわかりません。 どこか詳しくかいてあるところなどがあったら教えてください。 (できれば音が出ないところがいいです,会社からみているので・・・。) 勝手を言ってすいません。よろしくお願いします。

  • FLASH5でNow Loading

    FLASH5でNow Loadingの数字を入れたいのですがどのようにしてNow Loadingの数字をいれるんですか?(%の奴です)

  • Now Loading又は同じ動作を必ず表示したい

    Flashサイト作成中です。 Now Loadingでバーが横に100%伸びる物を入れてありますが読み込みが早すぎてすぐに終わってしまいます。 この動作を読み込みが早い場合でも表示したいのですが、なにかいい方法はないでしょうか。 下記のようなサイトが理想です。 http://www.zenne-inc.com/ よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • Now loadingの表示

    ページを読み込むときにNow loadingや読み込み中と表示させるにはどうすればいいんでしょう。 もしわかる人がいらっしゃったら教えてください よろしくお願いいたします。

  • Flash画像のリンク切り替え表示

    Flashをいじりはじめたばかりのど素人です。 知識も少ないのでパソコンの事もよくわからないんですが、どうしてもやりたい事がありここでお知恵をお借りしたくて投稿してみました。 実は趣味でHPを作成しておりまして、トップの飾りでFlashで作った3枚の500×500画像を順繰りに無限ループで表示させてます。 一枚目の画像をA 二枚目の画像をB 三枚目の画像をC として、例えばAの画像を表示させている時にFlashの絵をクリックするとリンクページに飛んだり、Bの画像が表示されている時にindexにもどったりする操作をしたいのですが、どうすれば良いのでしょうか? 方法は何でもかまいません。 もし宜しければ是非教えて頂けると本当に助かります。 わかりずらい説明で本当に申し訳ないのですが、何卒宜しくお願いいたします!(><)