HPの背景をアクセスごとに順番に変更したいのですが| OKWAVE

アクセス毎に画像を順番に表示したい

お世話になります。こちら（http://oshiete1.goo.ne.jp/qa2200463.html）の質問・解答を元に、 Javascriptでアクセス毎（更新毎）に5枚の画像を順番に表示する事が出来たのですが、ブラウザの更新をしていくと、 1枚目画像→2枚目画像→3枚目画像→4枚目画像→5枚目画像→使用不可画像（undefined）となってしまいます。 5枚目画像が表示された後は、1枚目画像→2枚目画像・・・・というようにループさせたいのですが、問題点をご教授お願い致します。なお、ソースは以下の通り記述しております。 <script type="text/javascript">  </script> <noscript><img src="img_1.jpg" width="500" height="500"></noscript>

アクセス毎に画像を順番に切替表示させるには

いつもお世話になっております。タイトルの件で質問が御座います。ページにアクセスするごとに、画像を順番に切替たく調べていましたところ、以下のような質問・解答を見つけました。 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』と名づけ、以下の記述をしております。 //////////////////////  ////////////////////// また、画像を表示させる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に問題があるのかと思うのですが、原因が分かる方がいらっしゃいましたら何卒ご教授お願い致します。

アクセス毎に画像を順番に切替表示させる方法について

アクセス毎に画像を順番に切替表示させる方法についてお伺いしますm(__)m アップル社ホームページ（http://www.apple.com/jp/）のように、アクセス毎にメイン画像を順番に切替表示させるようにしたいと考え、下記を参考に試してみました。【参考】http://okwave.jp/qa/q4113556.html 実際に動作確認をしたところ、上記の参考URL内「ANO.3」のお礼に書かれたものと同じように、 IE6（Win）、IE7（Win）、FireFox（Win＆Mac）で確認したとき、ローカルでは動作確認できるにもかかわらず、サーバーへアップロードして確認すると動作が確認できない状況となっております。 ※Safari（Win＆Mac）に関しては、サーバー上での動作確認ができました。 HTMLソースと外部jsファイル（top_image.js）の内容は下記の通りです。【HTMLソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>読み込みごとに画像を順番に変えるJavascript</title> </head> <body> <script src="top_image.js" type="text/javascript"></script> <noscript><img src="img_1.jpg" /></noscript> </body> </html> 【外部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)); function getCookie(key) { tmp = document.cookie + ";"; tmp1 = tmp.indexOf(key, 0); if (tmp1 == -1) { return ""; } tmp = tmp.substring(tmp1, tmp.length); start = tmp.indexOf("=", 0) + 1; end = tmp.indexOf(";", start); return (unescape(tmp.substring(start, end))); } var cook1 = getCookie("imgNo"); if (cook1 == "") { imgNo = 0; } else { imgNo = parseInt(cook1); } 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(); 以上となります。原因が分かる方がいらっしゃいましたら何卒ご教授お願い致しますm(__)m！！

javascript 画像切り替え　ランダム　順番

インラインフレーム内のランダムな画像切り替えはできたのですが、順番に切り替えていくというのが出来ません。。。ランダムソース var imglist=new Array( "100_0003.jpg", "100_0006.jpg", "100_0008.jpg", "100_0009.jpg", "100_0021.jpg", "100_0022.jpg", "100_0023.jpg", "100_0025.jpg", "100_0001.jpg" ); var selectnum=Math.floor((Math.random()*100))%imglist.length; var output="<IMG src=images/randomimg/"+imglist[selectnum]+">" ; document.write(output); 順番ソース var imglist=new Array( "100_0003.jpg", "100_0006.jpg", "100_0008.jpg", "100_0009.jpg", "100_0021.jpg", "100_0022.jpg", "100_0023.jpg", "100_0025.jpg", "100_0001.jpg" ); var selectnum=imglist.length-1; var i=0; function forward() { i=selectnum--; var output="<IMG src=images/randomimg/"+imglist[i]+">" ; document.write(output); } テキストリンクを押してインラインフレーム内の画像を変更していきたいのですが。。。順番にすると真っ白になってしまいます。。。どなたか解決方法よろしくお願いします。

画像のランダム表示でサイズを指定する方法

ヘッダー画像を、下記のコードでランダム表示しています。横2000px縦1000pxの画像を、横1000px縦500pxで表示したい場合、どのようにすればよいでしょうか？ <script language="JavaScript"> var imglist = new Array( "A.jpg" , "B.jpg" , "C.jpg" , "D.jpg" , "E.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> <noscript> <img src="A.jpg" alt="A.jpg" width="1000px" height="500px" border="0" /> </noscript> 上記コードの参照元：http://allabout.co.jp/gm/gc/23805/2/

javascriptで画像表示変更が出来ない

ＨＴＭＬページで、javascriptを使ってそのページにアクセスするたびに、画像が変更させているのですが、ときどき画像が表示されません。ソースは下記です。画像が落ちないようにする方法はないのでしょうか？宜しくお願いします。 <script type="text/javascript"></script>

JABASCRIPTなんですが・・・

JAVASCRIPTについて教えてほしいのですが

JavaScriptでリクエストを飛ばす方法を教えて下さい。

下記内容で画像の切り替えを教えて頂いたのですがこれに画像をクリックした時にサーバー側にクリックした事を分るために URL（リクエスト）をバックグラウンド（非同期かな）で渡したいと思います。どうしたら良いでしょうか？？ブラウザーの画面は画像をクリックしても切り替わりません。誠に恐縮ですが下記ソースに追加して教えて頂ければと思います。何卒よろしくお願いします。 <html> <head> <script type="text/javascript"></script> </head> <body onload="init();"> <img src="a.jpg" id="img1" style="cursor:pointer;" onclick="clickImg(this);" /> </body> </html>

html内かscript内で画像出力。どちらが軽い

ホームページの読み込みは、画像を使えば使うほど重くなってしまいます。下記コードでは、(1)と(2)で1.jpg～5.jpgの画像をページに出力しています。 (1)はHTMLに、(2)はscript内に、 (1)と(2)では(2)の方がhtmlに<img src=".jpg" width="800" height="300"/> と書かなかった分、ページが重くならない、ということになりますか？ <html> <head> <title>HTML上に直接imgを出力した場合</title> </head> <body> <img src="1.jpg" width="800" height="300"/> <img src="2.jpg" width="800" height="300"/> <img src="3.jpg" width="800" height="300"/> <img src="4.jpg" width="800" height="300"/> <img src="5.jpg" width="800" height="300"/> </body> </html> <html> <head> <title>HTML上にはimgを出力せず、script内でimgを出力した場合</title> <script language="JavaScript"> var imgSanple = new Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"); var randomSelect = Math.floor((Math.random() * 100)) % imgSanple.length; var i = "<img src='"+imgSanple[randomSelect]+"' width='800' height='300'>"; document.write(i); // --> </script> </head> <body> <noscript> <img src="1.jpg" width="800" height="300"> </noscript> </body> </html>

ｈｔｍｌでjavascriptソースをテーブル内に表示するには？

始めまして宜しくお願いします。スクリプトソースをテーブルタグの中のテーブルに貼り付けたのですが表示されません、<HEAD>～</HEAD>に貼り付けると表示されますれ <BODY>～</BODY>は表示されません。希望としてはテーブルタグの中に貼り付け表示したいのですが、いろいろ調べ試しましたが上手くいきません、どなたか助けていただければと思います、よろしくお願いします。ソースはコレになります↓。 <script language="JavaScript"> <var imglist = new Array( "flowerA.jpg", "flowerB.jpg", "flowerC.gif", "flowerD.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output);> </script>

HPに写真を載せる方法

HPに写真を載せるに当たって、アクセスのたび４枚の写真を順番に表示させたいのです。写真をA～Dとした場合、ランダムならば <SCRIPT Language="JavaScript">  </SCRIPT>　ここまでは判ったのですが・・・・ A⇒B⇒C⇒D　Aに戻る　に、変更するにはどうしたらよいのでしょうか？初心者で、専門用語は判りませんが宜しくお願い致します。

ＨＰトップに画像をランダム表示させる方法がわかりません

初歩的な質問ですみません。ＨＰのトップ画面に表示している画像をランダムに変更したいのですが方法がいまいちわかりません。Javaのコードを入力すれば可能なようなのですがどこに入れたらいいのかわかりません。私なりに下のどこかに入れたら反映されるだろうと思い何度か試してはみましたが上手くいきませんでした。反映されると思った箇所  <td id="main" valign="top" width="570"><img height="382" alt="メインイメージ" src="images/CIMG0174.JPG" width="538" border="0"> <div id="news"> 入力したコード <script language="JavaScript"> var imglist = new Array( "flowerA.jpg", "flowerB.jpg", "flowerC.gif", "flowerD.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> 【"flower"というファイル名は例えで入っています】サイトのＵＲＬが必要な場合は載せさせていただきます。ブラウザはjavaに対応しています。質問や文章わかりづらいとは思いますが、お時間ありましたら知恵をお貸し下さい。宜しくお願いします。

外部javascript

javascriptを外部に設置しホームページに呼び出す際にはどのようにすればよろしいでしょうか var imglist = new Array( "http://www.geocities.jp/***img/hasimoto1.JPG", "http://www.geocities.jp/***/img/hasimoto10.jpg", "http://www.geocities.jp/***/img/hasimoto11.jpg", "http://www.geocities.jp/***/img/hasimoto12.jpg", "http://www.geocities.jp/***/img/hasimoto14.jpg", "http://www.geocities.jp/***/img/hasimoto20.jpg", "http://www.geocities.jp/***/img/hasimoto23.jpg", "http://www.geocities.jp/***/img/hasimoto25.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); これを所定の位置に呼び出したのですがどのようにすればいいですか？

画像リンクをランダムに４つ表示する

このようなタグを使って、画像リンクのランダム表示を作成しました。 ((hard内)) <script type="text/javascript"></script> ((body内)) <script type="text/javascript"></script> こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。 …どうすればいいのでしょうか？どなたか回答をお願いします。

ＨＰにのせられなくてこまっています＞＜

HPに載せる為に独学でＪａｖａスクリプトに挑戦したのですがうまくいきません。希望・曜日ごとに画像・リンク・コメントが変わる。・曜日によって表示する画像の数が異なる。・同じ曜日でも画像ごとにリンク先が異なる。一応自分で考えて作ったものを下にはっておきます。 <script language=javascript>  </script> 製作しているサイトに締切りがあるため早めに解決方法が知りたいです。ご指摘・アドバイス・回答お待ちしています。

キャプション付きの複数画像を複数ランダムに表示

タイトルの通りなのですが、キャプションなしは検索して分かったのですが、キャプション付きだと分かりません。どなたかお教えください。参考にしたプログラムは、以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <script language="javascript">  </script> </HEAD> <BODY onLoad="Show()"> <a href="01.html"><IMG name="imgNumber1" src="img/img1.jpg" width="170" height="170" border="0"></a> <a href="02.html"><IMG name="imgNumber2" src="img/img2.jpg" width="170" height="170" border="0"></a> <a href="03.html"><IMG name="imgNumber3" src="img/img3.jpg" width="170" height="170" border="0"></a> </BODY> </HTML> <BODY>から</BODY>のプログラムでなぜ表示できるかもよくわかっていません。（これについてはおいおい学ぶとして、できればとっかかりのヒントをお願いします）あと、スクリプトが利かない場合の表示は、<NOSCRIPT>～</NOSCRIPT>で間に変わりのものを書けばいいのでしょうか。すいませんが、よろしくお願いします。

多次元配列がさっぱりです。

var img = ["test01.jpg", "test02.jpg", "test03.jpg", "test04.jpg"]; var name = ["テスト1", "テスト2", "テスト3", "テスト4"]; for (var i = 0; i < img.length; i ++) { document.write('<img src="../img/' + (img[i]) + '" width="132" height="160" border="0" />' + '<br />'); for (var j = 0; j < name.length; j ++){ document.write((name[j])); } } 全然駄目です・・・画像があって、画像の下に　var name　を表示したいんですが、分かりませんでした。分かるかた、教えてください！

ＩＥ６などでposition:fixedのように固定する方法

二つの画像を<div style="position:fixed; bottom:0px; left:0px;">と<div style="position:fixed; bottom:0px; right:0px;">で下のすみにそれぞれ表示していたのですが、IE6で正常に表示されないことに気づきました。 IE6などサポートされていないブラウザでも表示するにはどうすれば良いでしょうか。また右下の画像は外部scriptを読み込んでランダムに表示していて、できればそのままその機能を使いたいのですが・・・使用しているscriptは↓です。 var imglist = new Array( "01.gif", "02.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output);

マウスオーバーで画像の切替でタイマーをつけるには？

<html> <head> <script type="text/JavaScript">  </script> </head> <body> <img src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'"> </body> </html> 例えば上記のようなソースでimg1の画像にマウスオーバーでimg2に画像が入れ替わるのですが、マウスアウトした時に、すぐimg1の画像に戻るのではなく、img2の画像を1分くらい出してその後img1に入れ替わるようにしたいのですが、どうしたらよいでしょうか？教えてください。よろしくお願いいたします。

HPの背景をアクセスごとに順番に変更したいのですが

みんなの回答

お礼 2012/09/06 21:10

お礼 2012/09/06 21:11

関連するQ&A

アクセス毎に画像を順番に表示したい

アクセス毎に画像を順番に切替表示させるには

アクセス毎に画像を順番に切替表示させる方法について

javascript 画像切り替え　ランダム　順番

画像のランダム表示でサイズを指定する方法

javascriptで画像表示変更が出来ない

JABASCRIPTなんですが・・・

JAVASCRIPTについて教えてほしいのですが

JavaScriptでリクエストを飛ばす方法を教えて下さい。

html内かscript内で画像出力。どちらが軽い

ｈｔｍｌでjavascriptソースをテーブル内に表示するには？

HPに写真を載せる方法

ＨＰトップに画像をランダム表示させる方法がわかりません

外部javascript

画像リンクをランダムに４つ表示する

ＨＰにのせられなくてこまっています＞＜

キャプション付きの複数画像を複数ランダムに表示

多次元配列がさっぱりです。

ＩＥ６などでposition:fixedのように固定する方法

マウスオーバーで画像の切替でタイマーをつけるには？

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

HPの背景をアクセスごとに順番に変更したいのですが

みんなの回答

お礼 2012/09/06 21:10

お礼 2012/09/06 21:11

関連するQ&A

アクセス毎に画像を順番に表示したい

アクセス毎に画像を順番に切替表示させるには

アクセス毎に画像を順番に切替表示させる方法について

javascript 画像切り替え ランダム 順番

画像のランダム表示でサイズを指定する方法

javascriptで画像表示変更が出来ない

JABASCRIPTなんですが・・・

JAVASCRIPTについて教えてほしいのですが

JavaScriptでリクエストを飛ばす方法を教えて下さい。

html内かscript内で画像出力。どちらが軽い

ｈｔｍｌでjavascriptソースをテーブル内に表示するには？

HPに写真を載せる方法

ＨＰトップに画像をランダム表示させる方法がわかりません

外部javascript

画像リンクをランダムに４つ表示する

ＨＰにのせられなくてこまっています＞＜

キャプション付きの複数画像を複数ランダムに表示

多次元配列がさっぱりです。

ＩＥ６などでposition:fixedのように固定する方法

マウスオーバーで画像の切替でタイマーをつけるには？

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

javascript 画像切り替え　ランダム　順番