JavaScript画像切り替えでランダムと順番の切り替え方法について
- インラインフレーム内のランダムな画像切り替えはできたが、順番に切り替えることができない。
- ランダムと順番の画像切り替えについて、解決方法を教えて欲しい。
- テキストリンクを押してインラインフレーム内の画像を順番に切り替えたいが、真っ白になってしまう。
- ベストアンサー
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); } テキストリンクを押してインラインフレーム内の画像を変更していきたいのですが。。。順番にすると真っ白になってしまいます。。。 どなたか解決方法よろしくお願いします。
- takeya4649
- お礼率11% (9/78)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
外してたみたいですいません。。。 これでどうでしょう？ 少しでも参考になればいいのですが・・・ <html> <script langage="javaScript"> var imglist=new Array( "6_000.bmp", "6_001.bmp", "6_002.bmp", "6_003.bmp", "6_004.bmp", "6_005.bmp" ); var selectnum=imglist.length-1; var i=selectnum; function forward(){ document.img.src="images/randomimg/"+imglist[i] ; i--; if (i<0) i=selectnum ; } function ramdom(){ var sel = Math.floor((Math.random()*100))%imglist.length ; document.img.src="images/randomimg/"+imglist[sel] ; } </script> <body> <img src="" name="img"> </body> </html>
その他の回答 (1)
- Shinoa
- ベストアンサー率92% (12/13)
『i=selectnum--』ではなくて単純に、『i--』なのでは？ 外してたらごめんなさい。
お礼
i--; に変えても、だめでした。。。
関連するQ&A
- JAVASCRIPTについて教えてほしいのですが
<script language="JavaScript"> var imglist = new Array( "top_pic.jpg", "top_pic2.jpg", "top_pic3.jpg", "top_pic4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> ・・・・という画像をランダムに表示するスクリプトなんですが、 この画像を表示する際のオプション？みたいなのは何処に記入すればよいのでしょうか？ align="right"や、width="50%" みたいなやつです。 よろしくお願いします
- ベストアンサー
- ブログ
- 外部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); これを所定の位置に呼び出したのですがどのようにすればいいですか？
- ベストアンサー
- JavaScript
- javascriptで画像表示変更が出来ない
ＨＴＭＬページで、javascriptを使ってそのページにアクセスするたびに、画像が変更させているのですが、ときどき画像が表示されません。 ソースは下記です。 画像が落ちないようにする方法はないのでしょうか？ 宜しくお願いします。 <script type="text/javascript"><!-- var imglist2 = [ [ "topimg/top-e001.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e002.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e003.jpg", "http://www.～.html" , "○○○"] , ]; function RandomImageLink2() { var selectnum = Math.floor(Math.random() * imglist2.length); var output = '<a href="' + imglist2[selectnum][1] + '" target="_blank">' + '<img src="' + imglist2[selectnum][0] + '"' + ' alt="' + imglist2[selectnum][2] + '">' + '</a>'; document.write(output); } //--></script>
- 締切済み
- JavaScript
- 画像のランダム表示でサイズを指定する方法
ヘッダー画像を、下記のコードでランダム表示しています。 横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
- 画像のランダム表示-時々表示されなくなる
↓こんな.jsファイルを外部ファイルにして読み込ませています。 var imglist = new Array( "navi/1.gif", "navi/2.gif", "navi/3.giff", "navi/4.gif", "navi/5.gif", "navi/6.giff", "navi/7.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); 時々画像が表示されなくなり、×マークになってしまいます。 リロードすれば表示されるのですが…。 Dreamweaverのテンプレート部分に使用しておりまして、 そのせいなのでしょうか？ご助言ください。
- ベストアンサー
- HTML
- ＨＰトップに画像をランダム表示させる方法がわかりません
初歩的な質問ですみません。 ＨＰのトップ画面に表示している画像をランダムに変更したいのですが方法がいまいちわかりません。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ソースをテーブル内に表示するには？
始めまして宜しくお願いします。 スクリプトソースをテーブルタグの中のテーブルに貼り付けたのですが 表示されません、<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>
- 締切済み
- JavaScript
- JABASCRIPTなんですが・・・
<script language="JavaScript"> var imglist = new Array( "top_pic.jpg", "top_pic2.jpg", "top_pic3.jpg", "top_pic4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> ・・・・という画像をランダムに表示するスクリプトなんですが、 この画像を表示する際のオプション？みたいなのは何処に記入すればよいのでしょうか？ align="right"や、width="50%" みたいなやつです。 よろしくお願いします
- 締切済み
- ブログ
- 画像リンクをランダムに４つ表示する
このようなタグを使って、画像リンクのランダム表示を作成しました。 ((hard内)) <script type="text/javascript"><!-- // var imglist = [ [ "画像1", "", "リンク先1" ] , [ "画像2", "", "リンク先2" ] ]; function RandomImageLink() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist[selectnum][2] + '">' + '<img src="' + imglist[selectnum][0] + '"' + ' alt="' + imglist[selectnum][1] + '"><br>' + imglist[selectnum][1] + '</a>'; // document.write(output); } // --></script> ((body内)) <script type="text/javascript"><!-- RandomImageLink(); // --></script> こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。 …どうすればいいのでしょうか？ どなたか回答をお願いします。
- ベストアンサー
- JavaScript
- ＩＥ６などで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);
- ベストアンサー
- レンタルサーバ・ASP
お礼
どうもありがとうございました。何とかできました。今後も機会があればよろしくお願いします。