- ベストアンサー
アクセスする度に表示される画像が変わる？
いつもお世話になります。 いきなり質問なのですが、あるHPを閲覧していたところ（URLを忘れました；；）アクセスするたびに、表示される画像がコロコロ変わるのです。例えば、今は001.jpgが表示されているのに、「更新」ボタンを押すと、今度は002.jpgが表紙される！という具合です。 こんなことってHTMLで出来るのでしょうか？それともちょっとしたスクリプトになるのでしょうか？ スクリプトはよくわかってないので、ちょちょっと手を加えれば完成するようなコードか何かを教えていただけませんでしょうか。あ、もちろんそのコードが何かの権利によって保護されているようならその旨をお伝えいただければ結構です。 どうぞ宜しくお願いいたします。
- celena
- お礼率48% (137/281)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
javascriptを使います。 以下は参考サイトです。頑張ってください。 http://www.sky.sannet.ne.jp/masapine/java_top.html ページが表示されるたびに画像をかえてみよう
その他の回答 (1)
HTMLでは出来ません。JavaScriptというものを利用して画像のランダム表示をさせているのです。 とりあえず参考URLで解決できると思いますがお暇なときにでも検索エンジンで「JavaScript + ランダム表示」という感じで調べてみてください。結構たくさんヒットすると思います。
お礼
ありがとうございます。また一つ知識が増えました！
関連するQ&A
- 画像が表示できない
ある掲示板の表紙に 自分のＨＰ画像を貼っていたのですが 昨夜からどうしても表示できなくなりました。 ＨＴＭＬは ＜img src="http://www.××.ne.jp/××/s03.JPG"＞ と、半角で、 今まで表示できていた時と変わらないはずなのに 下のようなソースになってしまい 表示できないのです。 でも、他の練習掲示板で試してみると表示できています。 それに、わたしと同じ掲示板の他の人の 掲示板では、その方の書いた画像が表示できています。 ＨＴＭＬソースは上記のように正しくなっています。 エラーのソースは下記のようなものです。 何が原因でしょうか？ <img src="<A href="/redir/?url=http://www.××.ne.jp/××/s03.JPG" target="_blank">http://www.××.ne.jp/××/s03.JPG</A>">
- ベストアンサー
- その他（プログラミング・開発）
- アクセス毎に画像を順番に表示したい
お世話になります。 こちら（http://oshiete1.goo.ne.jp/qa2200463.html）の質問・解答を元に、 Javascriptでアクセス毎（更新毎）に5枚の画像を順番に表示する事が出来たのですが、 ブラウザの更新をしていくと、 1枚目画像→2枚目画像→3枚目画像→4枚目画像→5枚目画像→使用不可画像（undefined）となってしまいます。 5枚目画像が表示された後は、1枚目画像→2枚目画像・・・・というように ループさせたいのですが、問題点をご教授お願い致します。 なお、ソースは以下の通り記述しております。 <script type="text/javascript"> <!-- var limit = 14;//Cookieの有効期限(14日間) var imgNo = 0; //以下、画像のリスト var imgList = new Array; imgList[0] = 'img_1.jpg'; imgList[1] = 'img_2.jpg'; imgList[2] = 'img_3.jpg'; imgList[3] = 'img_4.jpg'; imgList[4] = 'img_5.jpg'; if(document.cookie.length > 0) imgNo = parseInt(document.cookie.substring(6,99)); document.write('<img src="'+imgList[imgNo]+'" alt="">'); if( ++imgNo > imgList.length) imgNo = 0; var d=new Date(); d.setTime(d.getTime()+24*limit*60*60*1000); document.cookie='imgNo='+ imgNo +' ; expires='+d.toGMTString(); //--> </script> <noscript><img src="img_1.jpg" width="500" height="500"></noscript>
- ベストアンサー
- JavaScript
- PerlのCGIの中で画像表示(html)
PerlのCGIスクリプトの中で<img src="">タグで画像を表示させようとしても 表示されません。 URLは間違っていないと思います。ためしに同じディレクトリに画像を持ってきてもダメでした。 [ソース 部分] print << "HTML_1"; <tr> <td><img src="./test.jpg"></td> </tr> ・ ・ ・ HTML_1 ; どういう原因が考えられるでしょうか？ また、同じようなことが以前にあった方、解決方法などお願いします。
- 締切済み
- HTML
- w41sで画像が表示されない
携帯用のページを作成しているのですが、 auのw41sで画像が表示されません。 履歴をクリアして再表示すると表示されますが、再び更新すると画像が×になってしまいます。 タグは<img src="画像url" />です。 urlを相対パスにしても絶対パスにしても変わらず、gifでもpngでも結果は同じでした(jpgでは試していません) PCや他の機種では表示されるので、パスの間違いはありません。 文字コードはEUC、metaタグでページのキャッシュをしないようにしています(外しても同じ結果でした) w41sの不具合かとも思ったのですが、YahooやGoogleの画像は正常に表示されます。 一体何が原因なのでしょうか。
- 締切済み
- HTML
- アクセス毎に画像を順番に切替表示させるには
いつもお世話になっております。タイトルの件で質問が御座います。 ページにアクセスするごとに、画像を順番に切替たく調べていましたところ、 以下のような質問・解答を見つけました。 http://oshiete1.goo.ne.jp/qa1683979.html http://oshiete1.goo.ne.jp/qa2988372.html 上記を参考にし、Javascriptは画像を表示させるHTMLには記述せず、HTML＋外部jsファイルにて表示させることにしましたが、 Win IE6、IE7、Opera9.5にて画像自体が表示されず困っております。 IEにおいては、画像部分が×印になり、×印のプロパティを見ると『undefined』となっております。 他のブラウザでは問題なく表示され、アクセスごとに画像も切り替わります。 画像切替の為のjsファイルには『top_image.js』と名づけ、以下の記述をしております。 ////////////////////// <!-- var limit = 14;//Cookieの有効期限(14日間) var imgNo = 0; //以下、画像のリスト var imgList = new Array; imgList[0] = 'image/top/img_main_1.jpg'; imgList[1] = 'image/top/img_main_2.jpg'; imgList[2] = 'image/top/img_main_3.jpg'; imgList[3] = 'image/top/img_main_4.jpg'; imgList[4] = 'image/top/img_main_5.jpg'; if(document.cookie.length > 0) imgNo = parseInt(document.cookie.substring(6,99)); document.write('<img src="'+imgList[imgNo]+'" alt="">'); if( ++imgNo >= imgList.length) imgNo = 0; var d=new Date(); d.setTime(d.getTime()+24*limit*60*60*1000); document.cookie='imgNo='+ imgNo +' ; expires='+d.toGMTString(); //--> ////////////////////// また、画像を表示させるHTMLには以下のように記述しました。 ////////////////////// <script src="top_image.js" type="text/javascript"> </script> <noscript><img src="image/top/img_main_1.jpg" width="500" height="500"></noscript> ////////////////////// ブラウザによって結果が違うという事は、 Javascriptに問題があるのかと思うのですが、 原因が分かる方がいらっしゃいましたら何卒ご教授お願い致します。
- ベストアンサー
- JavaScript
- Firefoxで「画像だけを表示する」ことができない
OS（Windows XP）を再インストールして、ブラウザはFirefox2をインストールしたのですが、画像だけを表示することができないという不具合が起こっています。 HTMLページ内に画像が入っていても普通に表示されるのですが、たとえばjpgへのリンクをクリックすると、いつまでも表示されません。URL欄から画像のアドレスを指定した場合や、ローカルの画像ファイルをFirefoxで開く場合も同様です。何分たっても表示されずにカーソルは虫眼鏡に、ステータスバーは「停止」となっています。とはいえブラウザがフリーズしているわけではありません。 OSはWindows XPのSP3です。IEではこの不具合は起きていません。 対策を教えていただけないでしょうか。よろしくお願いします。
- 締切済み
- ブラウザ
- 画像を呼び出したい
Flashファイルが表示されると、外部のURLを呼び出したいと思っています。そのURLは、1x1のgifファイルで、表示する必要はないのですが、要はそれで表示したログを取りたいと思っています。 HTML内に入れてしまえば簡単なのですが、HTML側では制約があるので、 Flash内にスクリプトを入れたいと思っています。 on(release) {getURL("http://（そのURL）"); } か、 on(release) {loadVars("（そのURL）", 0); } なら行けるかと思ったのですが、どうもうまくログがとれていません。 クリックなどの動作なしで、Flashが表示される度に呼び出せるスクリプトはありますでしょうか？ よろしくお願いします。
- ベストアンサー
- Flash
- 画像を順にフェードインフェードアウトで表示
ＨＰのＴｏｐページのw900×h300位のスペースに 順に画像をフェードインフェードアウトしながら表示させ,最後の画像でストップさせたい Flashムービーを作成するのは簡単なのですが、iPadに対応しない為 jQueryなどで表示させたいのですが、javaが全然わからず困っています。 一応下記のように自分で調べてみて見つけた、近いものを作っては見たものの <script language="JavaScript"><!-- myImageCnt = 7; // 画像の数 myImage = new Array( // 画像ファイル名の設定 "img/main/f01.jpg", "img/main/f02.jpg", "img/main/f03.jpg", "img/main/f04.jpg", "img/main/f05.jpg", "img/main/f06.jpg", "img/main/f07.jpg" ); myNowCnt = 0; // 現在表示している画像番号 function myChange(){ // 定期的に画像を更新する関数 if (myNowCnt == myImageCnt-1){ // 最後の画像まで表示したのなら myNowCnt=0; // 最初の画像に戻す }else{ // 最後の画像まで表示していないのなら myNowCnt++; // 次の画像へ } document.myFormImg.src = myImage[myNowCnt]; // 次の画像を表示する setTimeout( "myChange()" , 6000 ); // ２秒周期に画像を更新する } // --></script> <img src="img/main/f01.jpg" width="900" height="300" name="myFormImg"> <script language="JavaScript"><!-- myChange(); // --></script> こんな感じでやってみたもののこれではフェードインフェードアウトにはなりません どこに何を足せばいいのか、または全く違うコードを書けばいいのかどなたかお教えいただけませんでしょうか。 jQueryだと記述はもっと簡単なのでしょうか？
- ベストアンサー
- その他([技術者向] コンピューター)
- アクセス 画像を更新したい
フォーム1にイメージコントロールを置き ピクチャタイプをリンクにして、 ピクチャのパスを C:\Users\Desktop\無題.jpg のように指定してますが フォームが開いている最中に無題.jpgの中身が変わったら、 フォーム（イメージ）に表示する画像も更新させるｖｂａコードはありますか？ 画像が更新→フォーム閉じてを開き直す と更新されますが、 Form_フォーム1.イメージ2.Requery としても何も起こらないし、エラーにもならないです。
- ベストアンサー
- オフィス系ソフト
- javaで画像をランダム表示しつつリンクさせたい
自分のブログ(FC2)上部にJavaスクリプトを使い、自作のランダム画像＆各画像にそれぞれ指定したリンクを貼りたいのですが、画像までは出来ましたがリンクの方法が分からず困っております。 Tool No.3 『画像ランダム表示スクリプト生成』 ttp://ssl.netlaputa.ne.jp/blg/tools/randimg.php ↑こちらのサイトで作成できる物のように動作させたいのですが、 上のサイトで作った物だと自分のブログでは表示が崩れて動作しませんでした。 自分なりに調べたところ、以下のコードだと画像は綺麗に表示されたのですが、 リンクはどうしたら出来るのかが分かりません。 なんとか以下のコードを改変して、リンクも付けられないでしょうか。 gehe2.jpgをクリックすると、gehe2.htmlに飛ぶというようにしたいです。 <SCRIPT LANGUAGE="JavaScript"> <!-- e = Math.floor(Math.random() * 6) { document.write('<style>') if (e == 0) { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe2.jpg);}') } else if (e == 1) { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe3.jpg);}') } else if (e == 2) { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe4.jpg);}') } else if (e == 3) { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe5.jpg);}') } else if (e == 4) { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe.jpg);}') } else { document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe3.jpg);}') } document.write('</style>;') }; --> </SCRIPT>
- ベストアンサー
- JavaScript
お礼
ありがとうございます。また一つ知識が増えました！ 簡単でよかったです。