- 締切済み
大きな画像の読み込むまで「loding中」って表示したい。
かなり大きな画像１枚をPOP UPで表示させようとしてます。 ただ、読み込んで表示されるまで当然時間がかかります。 そこでflashとかのNOW LOADINGのような表示をして、画像が読み込み 終わったらパッと表示されるってことをやりたいのですが。 いくつか本を読んで近いものはあったんですが、どうもしっくりこなくて。 お知恵をお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- future9
- ベストアンサー率29% (22/74)
DHTMLについては下のサイトを見ると良いと思います。
- xruz
- ベストアンサー率50% (72/143)
>こんなことflashを使わずに実現できるのでしょうか？ ActiveX、JavaApplet、VBscript（？）を使えば可能だと思います。
- xruz
- ベストアンサー率50% (72/143)
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では動作しません。
補足
ご返答ありがとうございます。ボクもdivを使って同じようなことを試してました。 補足として、読み終わったらLOADINGも文字は消すことで、これはできました。 ただ、新しい要望がでできて、ほんとにflashみたいに、LOADINGバーを表示して 今どれくらいよみこんでいるかを表示したいんです。かつ、その表示を常にウィンドウの天地左右センターにして、divを使った場合ならネスケでリサイズしても くずれずセンターにあると。 かなり無茶な要望だと思うのですが、こんなことflashを使わずに実現できる のでしょうか？ どっかのサイトでやってたと聞いたことがあるんですが。
お礼
ご返答ありがとうございます。できればＤＨＴＭＬで処理できればと思うのですが。