- ベストアンサー
ダミー画像のようなページ運びできますか？
重たい画像を使いたい時、ひとつの画像に本命とダミーの２つのファイルを使い、ダミーが本命のサイズに拡大されて現れ，そのうえに本命がゆっくりと表示される方法があるそうですが、これを重いページを呼び出す時に応用することって可能でしょうか？ <IMG SRC="本命画像" LOWSRC="ダミー画像"> なぜ教えて頂きたいかと申しますと、レンタル画像日記をお借りしたのですが、時間帯によっては表示がかなり遅いため、日記が表示される前に「時間帯によっては表示が遅くなります。」というページを出したいと思ったからです。 アドバイスを宜しくお願い致します。
- mozart1192
- お礼率100% (23/23)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
所望の動作になるかわかりませんが，「すぐにほかのページに強制移動」というコードならば書くことができます。 たとえば，その日記ページが diary.html として（最小限のコードです）， -- <html> <head> <title>お待ちください……</title> <meta http-equiv="Refresh" content="diary.html"> </head> <body> <p>お待ちください。日記ページを読み込んでいます。</p> <p>時間帯によってはしばらくお待ちいただくことがあります。</p> </body> </html> -- とします。<meta ……> がポイントです。 もし，日記ページが巨大な表（table）ならば，表示までに時間を要してしまうかもしれません。その場合，表の外側（ページの先頭）に，「時間帯によっては表示が遅くなります。」という断り書きを記しておくだけでもずいぶんと変わるでしょう。
関連するQ&A
- サムネイルクリックで別ウィンドウに拡大画像表示
javascriptにて画像のようなな形を作りたいのですが初心者で困っています。 ページAの画像をクリックすると別ウィンドウで拡大画像とその他のサムネイルが 表示され、そのウィンドウで各画像を切り替えて観覧できるようにしたいです。 元のページでの画像切替はよくありますが、別ページを開いて観覧する場合がわからず困っています。ページAと同じようなページを複数つくり、拡大のページBは共通で使えるようにしたいと思っています。 ページAのhtml部分は <li><a href=><img src="test.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_a.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_b.jpg" title="拡大時に表示する文"></a></li> この画像をクリックでページB拡大画像を表示し、画像と一緒にtitleに入れた文章を表示させたいと思っています。 用意する画像は各拡大画像1枚で、サムネイルのところはcssで小さくしています。 このような形は実現可能でしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- ブラウザに表示されている画像をjavascriptで10秒ごとに更新しているが、途中から画像が表示されなくなる
ブラウザに表示されている画像をjavascriptで10秒ごとに最新画像に更新していますが、途中から画像が表示されなくなってしまいます。 常に最新の画像が見たいので、 キャッシュ画像を見にいって最初に表示した画像がずっと表示されてしまうのを防ぐよう、 下記の様に画像取得時に時間をダミーパラメータとして渡して画像を読み直しています。 document.img.src="images/img.jpg?" + (new Date()).getTime(); これで最初のうちは正常に画像が変わったらブラウザに表示される画像も変わりますが、 時間をダミーパラメータで渡しているのでキャッシュ画像がどんどんできていくきます。 これが原因なのか、しばらくすると画像が表示されなくなってしまいます。 この現象はIE8で発生しており、FireFoxでは発生していません。 解決方法、アイデアを教えていただけますようお願いします。
- 締切済み
- JavaScript
- jqueryサブウィンドウにて画像切替サブ画像表示
質問お願いします。 元ページのサムネイル画像をクリックすると サブウィンドウが開き、この中でクリックした先ほどサムネイルの拡大画像を表示、他のサムネイル画像も表示し、サムネイルをクリックで拡大画像を切り替え、それぞれの画像に応じたサブ画像も表示させたいと思っています。 一番はクリックデータをサブウィンドウにもっていく方法がわかりません。 イメージで元ページ内での切替をやってみました <style> li img{width:100px;height:100px;} </style> ----jquery----- <script type="text/javascript"> $(function(){ $('li img').click( function(){ $('#main img').attr('src',$(this).attr('src')); $('#sub').text($(this).attr('title')); var postfix = '_on'; var src = $(this).attr('src'); var src_on = src.substr(0, src.lastIndexOf('.')) + postfix + src.substring(src.lastIndexOf('.')); $('#sub2 img').attr('src',src_on); }); }); </script> ---html---- <ul> <li><img src="red.jpg" title="赤"></li> <li><img src="blue.jpg" title="青"></li> <li><img src="winter.jpg" title="冬"></li> <li><img src="green.jpg" title="緑"></li> </ul> <div id="main"><img src="red.jpg" id="mainimg"></div> <p id="sub">赤</p> <p id="sub2"><img src="red_on.jpg"></p> 質問が分かりづらいかもしれませんが、よろしくお願いします。
- ベストアンサー
- JavaScript
- HPの画像の拡大表示について
現在ＨＰを作成しています。 小さい画像を並べて、クリックすると新しいウインドウに 拡大写真が表示されるようにしたいのですが。 winのペイントで画像を２枚用意して、(縮小画像と拡大画像) 01と１にファイルしました。 <A href="img\1.jpg" target="_blank"><IMG src="img\01.jpgL"></A> としたのですが、拡大画像は表示されても、縮小画像は×になっています。何か間違っているのでしょうか? 教えてくださいお願いします。 超初心者ですので、わかり易くお願いします。
- ベストアンサー
- HTML
- アクセスカウンタの、ダミー画像使用タグについて
次のカウンタを使っています。 ページの説明にもあるdummy.gifを使って、 カウントはするけれどカウンタは表示されないようにしたいのです。 http://www.csmoon.com/prog/cnt/mcnt.html ↑こちらのカウンタ カウンタを表示する場合には動作・表示は正常に行われますが、 dummyに差し替えようとしても、画像が表示されません。（「×」ででてしまいます） dummy.gifも「数字.gif」と同じディレクトリにおさめているのですが、 <img src="mcnt.cgi?img=img/dummy"> では間違いなのでしょうか。 お教えください！
- ベストアンサー
- CGI
- オンマウスでの拡大画像の位置指定
サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか？ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか？どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>
- 締切済み
- CSS
- 画像サイズを指定する
1～6まで全て同じサイズ（200*100）の画像があります。 この画像を下記のスクリプトを使用してランダムに表示させ、 マウスを重ねるとその画像に対応した画像に切り替わる （画像1なら画像4という風に） ということをしているんですが、 表示サイズを300*150で表示させるためには どうしたらいいのでしょうか？ <script language="javascript"> <!-- //ランダムにgazouを表示 img = new Array(); img[0] = "画像1.gif"; img[1] = "画像2.gif"; img[2] = "画像3.gif"; img[3] = "画像4.gif"; img[4] = "画像5.gif"; img[5] = "画像6.gif"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>"); //--> </script> 基本的なことで申し訳ありません。 どなたかわかる方がいらっしゃれば宜しくお願い致します。
- ベストアンサー
- JavaScript
- jquryを利用した画像切り替え
jqury(1.3)を利用しマウスオーバー,アウトで画像切り替えを行おうとしています。 マウスオーバーで特定の箇所に画像入れ替えする事はできたのですがマウスアウトで最初の画像に 戻すにはどうすればいいのでしょうか？具体的には・・・ <div><img id="target" src="最初の画像" /></div> <div class="thumbnail"> //以下の画像はマウスオーバーでtargetに拡大表示、マウスアウトで拡大画像を消し最初の画像に戻したい <a href="1の拡大"><img src="1の縮小" /></a> <a href="2の拡大"><img src="2の縮小" /></a> <a href="3の拡大"><img src="3の縮小" /></a> </div> という具合です。jsは以下のようにしたところマウスオーバーで切り替えは可能になったのですが戻すことができない状態です。 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 1.0); var changeSrc = $(this).attr("href"); $("#target").attr("src", changeSrc); }, function(){// マウスアウト時 $(this).fadeTo(500, 0.8); //ここで戻す処理をすると思うのですが方法がわかりません } ) 詳しい方がいらっしゃいましたら宜しくお願い致します。
- 締切済み
- JavaScript
- 新しくページを増やすには・・・
唐突で申し訳ないですが、「日記」や「自己紹介」のようにあらかじめ用意されているページ以外に、自分のオリジナルのページを作るにはどのようにすればいいのですか。 「メモ帳のタグで・・・」というのを聞いたのですが、タグでページを作ったらどうやってアップ（というのでしょうか）するのかも分かりませんっ。 おかげで日記帳と自己紹介意外真っ白です（涙）。 ちなみに簡単ＨＰです。 トップページに画像も載せたいので、トップページのタグに＜Ｉｍｇ ｓｒｃ＝”＠＠＠”＞（注：実際は半角英数です）アドレス入れて上書き保存してるのに載ってないんです。ど、どうしてでしょう？？本当に困ってます、助言だけでもありがたいので、よろしくお願いします。
- ベストアンサー
- HTML
お礼
はじめまして。 早々に大変、解りやすく、ご丁寧な説明を頂きありがとうございました。 また、機会がございましたら宜しくお願い致します。