同一URLの連続アクセス方法
- 携帯ゲームサイトを作成しています。一つの画像（ページ）を一つのページ内で、連続してアクセスする方法はないでしょうか？
- ブラウザの一時ファイル機能？によって読み込まれるのは最初の1個で、残り99個のロゴは瞬時に表示されてしまいます。（携帯でも同じ）
- インラインフレームなら全て読み込むのですが、読み込ませるのがページの為、数が多いと携帯では重すぎてきついので、他の方法でお願いします。
- ベストアンサー
同一URLの連続アクセス方法
携帯ゲームサイトを作成しています。 一つの画像（ページ）を一つのページ内で、連続してアクセスする方法はないでしょうか？ 分かりにくいかと思いますが、例えば <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif> <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif> <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif> <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif> <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif> これを100個並べたとします。 しかし、ブラウザの一時ファイル機能？によって読み込まれるのは最初の1個で、残り99個のロゴは瞬時に表示されてしまいます。（携帯でも同じ） これを、個別に全て読み込ます方法が分かりません。 インラインフレームなら全て読み込むのですが、読み込ませるのがページの為、数が多いと携帯では重すぎてきついので、他の方法でお願いします。 よろしくお願いします。
- haine_0424
- お礼率77% (14/18)
- HTML
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
仰っている意味がよく分からないですが…。 通常、ファイルはキャッシュされますのでその動作になります。 例えばPHPでよく使われる方法に、URLの末尾に適当な文字列（一般的にはtimeの数値）を付ける方法があるにはあります。 <img src="http://cmm001.goo.ne.jp/img/logo/goo.gif?1"> <img src="http://cmm001.goo.ne.jp/img/logo/goo.gif?2"> <img src="http://cmm001.goo.ne.jp/img/logo/goo.gif?3">
その他の回答 (2)
- tracer
- ベストアンサー率41% (255/621)
なぜそうしたいか、目的が分からないと応えにくいのですが。 パラメータつかえばいけるんじゃないですかね。 ただ、質問タイトルとは異なります。 パラメータを使う場合は、異なるURLで同一ファイルへアクセスする方法です。 <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif?1> <img src=http://cmm001.goo.ne.jp/img/logo/goo.gif?2> 100個というのは例だとは思いますが、そもそも重くならないようにと用意されている機能がキャッシュなわけです。 iframeの使用以前に、キャッシュを使わない時点で、通常より重くのなるは必然です。 例では画像ファイルですが、実際はページを読み込み、iframeは使わない。 ajaxかphpのことかな、と思いつつも、ちょっとやりたいことがつかめません。 理解出来ないのはこちらだけかもしれませんが、もう少し噛み砕いていただけるとよいかと。
お礼
この方法で出来ました！ 訳の分からない質問に的確に応えてくださってありがとうございます！ >ajaxかphpのことかな、と思いつつも いえいえ、簡単なHTML位しか分からない素人ですので高度なのは分かりません(^^ゞ やりたかったことは、○バゲーや、グ○ーの携帯ゲームの、ゲームの結果値のURLを連続で読み込ませることで、一回で何十回の結果を得るということでした。 ↑これを書くと更にややこしくなるかと思い、例のように画像ロゴを使いましたがもう少し詳しく書けばよかったと反省です。 なにわともあれ、パラメータを付けることによって連続でアクセスができたので、解決です。 皆様、本当にありがとうございました！
- ORUKA1951
- ベストアンサー率45% (5062/11036)
意味がわかりません。 インラインフレームだと・・・は無関係です。所詮HTMLのサイズなんて画像データに比較するとゼロみたいなもので、逐一読み出せば重くなります。 単純にページの上から順番に時間を置いて表示させたいということなのでは？
お礼
説明不足で申し訳ありませんでした。 パラメータ値を加えることで問題が解決しました。 ありがとうございました！
関連するQ&A
- ホームページの全てのページにロゴを付けたい
無料レンタルサーバーなどで自動的に広告が付くのと 同じようなことがやりたいと思っています。 全てのページに下記の様なロゴを手作業で書き込まずに一括で指定する方法をご教授して頂けないでしょうか？ <a href="http://www.goo.ne.jp/"><img height="37" alt="goo" src="images/goo.gif" width="71" border="0"></a>
- ベストアンサー
- その他（プログラミング・開発）
- 複数の画像を連動してロールオーバーさせたいのですが
宜しくお願い致します。 現在WEBショップを運営しているのですが、 「商品一覧ページ」から「商品詳細ページ」へリンクする画像が3つあり、 現在、それぞれの画像は個別にはロールオーバーするのですが、 3つの画像のどこにポインタを当てても、3つの画像全てが連動してロールオーバーするようにするにはどうすれば良いのでしょうか？ （3つの画像のリンク先は全て同じです） どなたかご存知な方がいらっしゃいましたらご教授頂けると幸いです。 宜しくお願い致します。 <td><p><A href="リンク先(1)" ><img src="img/商品名_1.gif" alt="" onmouseover="this.src='img/商品名_2.gif'" onmouseout="this.src='img/商品名_1.gif'" width="133" height="28" /></A></p> <p><A href="リンク先(1)" ><img src="img/詳細ページ_1.gif" alt="" onmouseover="this.src='img/詳細ページ_2.gif'" onmouseout="this.src='img/詳細ページ_1.gif'" width="133" height="18" /></A></p>
- ベストアンサー
- HTML
- 同一ページ内にスワップイメージを複数セット設置したい
はじめまして。 カラーミーというショップシステムを使ってネットショップを作っています。 その中で作品ごとに色々な角度で見れるようなギャラリーページのようなものを作っています。 下のサイトと同様な動きです。 http://shailoh.co.jp/pg.html 単一のスワップイメージはできたのですが 同一ページ内に同様の処理を行うスクリプトを複数セット配置する方法がわかりません。 あまり詳しくないので単純にIDを振り分ければいいのかと思っていたのですが 処理がかぶっているせいか動きませんでした。 どなたかお分かりになる方がいたら教えていただきたいです。 ---HTML記述----------------------------------------------------------------- <img src="imgs/01/01.gif" width="480" height="320" id="image"/> <BR><BR> <img src="imgs/01/01_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/01.gif');"/> <img src="imgs/01/02_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/02.gif');"/> <img src="imgs/01/03_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/03.gif');"/> <img src="imgs/01/04_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/04.gif');"/> ---Javascript記述----------------------------------------------------------------- // スワップイメージ function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; } // イメージ画像の初期化 function DefaultImage() { obj = document.getElementById("image"); obj.src = '../imgs/01/01.gif'; clearTimeout(timer); } --------------------------------------------------------------------------------- 上記のHTML記述部分を1セットとして複数同じようなものを作りたいのです。 処理は全て同じで、サムネごとにスワップ先を変えることはできないのでしょうか。 カラーミーの仕組み上、フリーで使えるページ数を抑えなくてはいけないので 作品ごとにページを振り分けることができず困っています。 色々調べたのですが分かりませんでした。 どなたかお分かりになる方がいたらアドバイスをお願いいたします。
- ベストアンサー
- JavaScript
- 携帯でGIFアニメーションが正しく表示されません
携帯でGIFアニメーションを実現したいのですが、パソコンのブラウザで確認した場合問題なく動作するのですが、携帯のブラウザで確認した場合にGIFのイメージが「logo1.gif」から次のイメージに再表示されません。 携帯のキャリアはドコモで試しています。 以下にプログラムを貼り付けます。 間違っている点がありましたらご教授願います。 ---------------------------- ソース ---------------------------- <html> <head> <title>アニメーション/JavaScript</title> <script type="text/javascript"> <!-- var image1=new Image(); image1.src="image/logo1.gif"; var image2=new Image(); image2.src="image/logo2.gif"; var image3=new Image(); image3.src="image/logo3.gif"; var timerID; function change() { clearTimeout(timerID); if(document.anime.src==image1.src) document.anime.src=image2.src; else if(document.anime.src==image2.src) document.anime.src=image3.src; else document.anime.src=image1.src; timerID=setTimeout("change()",500); } //--> </script> </head> <body onLoad="timerID=setTimeout('change()',500)"> <img src="image/logo1.gif" name="anime" width="50" height="50" alt="アニメ"> </body> </html> ---------------------------- ソース ----------------------------
- 締切済み
- JavaScript
- 横並びの画像で、ブラウザの幅を縮めても、二段にならない方法は？
よろしくお願いします。 下記のように書いて、画像を横並びにしています。 ただ、ブラウザの幅を縮めると、二段になっていまいます。 幅を縮めても、一段のまま保持するには、どのように書けば良いでしょうか？ <img src="aa1.gif" width="100px" height="100px'> <img src="aa2.gif" width="100px" height="100px'> <img src="aa3.gif" width="100px" height="100px'> <img src="aa4.gif" width="100px" height="100px'>
- 締切済み
- HTML
- floatを使った回り込みでブロックの下段を基準に並べられる?
floatを使った回り込みで、下段そろえで並べたいと思います。 例えば、以下の例の場合、画像"gootop_logo.gif"とテキスト「←gooのロゴ」が、通常、それぞれの上段でそろってしまいます。 これを、下段でそろえるうまい方法はないでしょうか?(テキスト「←gooのロゴ」と画像"gootop_logo.gif"が、それぞれの下段が揃う形でならべたいと思います。 .description1{padding-top: ◯◯px;} で調整する以外に簡単な方法はありませんでしょうか? ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <html> <head> <style type="text/css"> body{background-color:#EFE0F7;} .image1{float:left;} .description2{clear:left;} </style> </head> <body> <div class="image1"><img src="http://goo.ne.jp/img/logo/gootop_logo.gif"></div> <div class="description1">←gooのロゴ</div> <div class="description2">↑gooのロゴ</div> </body> </html>
- ベストアンサー
- CSS
- tableの作成方法について
よろしくお願いします。 表を以下のように作成しました。 表の横のラインに罫線を引きたいのですが記述方法が分かりません。 表の周りにはcssで記述して2pxの罫線を引いてあります。 どなた様か、ご指導の程よろしくお願いします <table> <tr> <td rowspan="3" class="b"><img src="img/wg.jpg" alt="パソコンノウハウ" width="190" height="250" /></td> <td class="c"><img src="img/txt21.gif" alt="" width="168" height="24" /><br /> </td> </tr> <tr> <td class="d"><img src="img/9.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/ten.gif" alt="パソコンノウハウ" width="21" height="63" /><img src="img/8.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/en.gif" alt="パソコンノウハウ" width="131" height="63" /></td> </tr> <tr> <td class="e"><a href="http://www."><img src="img/enter_off.gif" alt="" width="349" height="83" /></a></td> </tr> ----------------------------------------------------------------ここに横の罫線を引きたいのですが記述方法が分かりません。 <tr> <td rowspan="3" class="b"><img src="img/wg.jpg" alt="パソコンノウハウ" width="190" height="250" /></td> <td class="c"><img src="img/txt22.gif" alt="" width="103" height="23" /><br /> </td> </tr> <tr> <td class="d"><img src="img/1.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/ten.gif" alt="パソコンノウハウ" width="21" height="63" /><img src="img/8.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/en.gif" alt="パソコンノウハウ" width="131" height="63" /> </td> </tr> <tr> <td class="e"><a href="http://"><img src="img/enter_off.gif" alt="" width="349" height="83" /></a></td> </tr> </table>
- ベストアンサー
- HTML
- 画像を重ねて表示したい
画像を表示するタグで<img src="a.gif"><img src="b.gif">と書くと、横に並んで表示されます。ごく当たり前か。。 んで、このa.gifとb.gifを重ねて表示したいです。a.gifを手前、b.gifを奥というかんじです。 2つの画像は同じ大きさです。 何かいい方法ありませんか？アドバイスお願いします。 連続の質問で申し訳ありません。
- ベストアンサー
- HTML
- スタイルシートで画像を中央によせる方法
<center> <img src="image.gif"> </center> みたいなことをスタイルシートでしたいのですがどのようにすればよいでしょうか <img style="xxxx" src="image.gif"> などの方法でセンタリングできる方法を教えてください。
- ベストアンサー
- HTML
- ａ ｎａｍｅ（ｉｄ）１回目で飛べない
HTMLでのホームページ作成についてです。 （カテゴリー違いでこちらに移させていただきました。） 画像ファイルを40枚（01.gif～40.gif）貼り付けたページ「200800.html」を作りました。 画像ファイルの大きさは全て10kb程度です ページの途中の特定の場所にジャンプさせるため、アンカーを埋め込みました。 （アンカーは「name」と「id」を併用しています） <html><body> <img name="01" id="01" src="01.gif"><br> <img name="02" id="02" src="02.gif"><br> … <img name="39" id="39" src="39.gif"><br> <img name="40" id="40" src="40.gif"><br> </body></html> 「200800.html」へのリンクを貼ったページ「index.html」を作りました。 20番の画像へジャンプするように設定しました。 <html><body> <a href="image/200800.html#20">20番の画像</a> </body></html> ところがなぜか1回目のクリックでは20番の画像には飛びません。 （別の画像の中途半端な位置とか、その時によって違います。） ２回目以降はちゃんと飛びます。 どうやらブラウザが「200800.html」を全て読み込むまえに表示してしまうためおかしなところが表示されるようです。 ２回目以降は１度読み込んでいるためちゃんと飛ぶようです。 win(IE6)でもmac(safari)でも同様です。 どうか良い解決策をお教えください。よろしくお願いします。
- ベストアンサー
- HTML
お礼
意味不明な質問に答えていただきありがとうございました。 教えて下さったとおりのやり方で無事解決できました。 詳しいことはNO3様のお礼欄に書いてあります。 どちらにベストアンサーをつけるか迷いましたが、回答が早かったということで、shiren2様にベストアンサーつけさせていただきます。 本当にありがとうございました！