• 締切済み

ランダムで画像変更

前回…http://oshiete1.goo.ne.jp/qa4475723.html <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式の画像のランダム変更の仕方を教えて頂いたのですが、聞きそびれた質問があったので、質問させて頂きます。 <iframe src="XXX.html" frameborder="no" scrolling="no"></iframe> こういった形のフレーム形式の画像をランダムで表示させる場合はどうしたらよろしいでしょうか? また <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式のランダム表示と混ぜて表示させる方法をどのようにしたらよろしいのでしょうか? 今回はこちらのサイトも参考にさせて頂きました。 http://www.red.oit-net.jp/tatsuya/java/

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

>フレーム形式の画像をランダムで表示させる場合はどうしたら~~ フレームのソース(XXX.html)に同じ方法で書くのが一番簡単。 親から制御する場合は、imgの指定を  document.「Frame」.「img」の順で指定すればOK 「Frame」の指定は、  getElementsByTagName('iframe')[0] とするか、frameタグにidやname指定があれば  getElementById('id')  getElementsByName('name')[0] でも可能です。 「img」の指定方法も同様です。 >混ぜて表示させる方法をどのようにしたら~~ ランダムに表示のタイミングが不明ですが、onload時に行うだけなら、まとめて連続して処理するか、あるいは、別々のhtmlのソースに記述するのであればそのままで別々に実行されます。 ボタンを押すなどのアクションに伴って表示する場合は、その処理の中で両方を行えばよいはず。

yokubou666
質問者

補足

このように書いたのですが表示されなかったのですが、どう違うのでしょうか? <script type="text/javascript"> var simg = [ "<iframe src=\"XXX\" frameborder=\"no\" scrolling=\"no\"/>, "<iframe src=\"XXX\" frameborder=\"no\" scrolling=\"no\"/>, ]; document.write(getElementsByTagName('iframe')[0]+simg[Math.floor(Math.random() * simg.length)]); </script> <混ぜて表示する 言葉足らずでしたね <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> と <iframe src="XXX.html" frameborder="no" scrolling="no"></iframe> この両方の形式を一緒に表示させたかったのですが無理なのですね

関連するQ&A

  • 画像がうまく表示されないのですが

    ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・ タグ1 <script language="JavaScript"> <!-- var simg=new Array(5); simg[0]="icon1.png"; simg[1]="icon2.png"; simg[2]="icon3.png"; simg[3]="icon4.png"; simg[4]="icon5.png"; var Myimg=Math.floor(5*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </script> タグ2 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(2); simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; simg[1]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; Myimg=Math.floor(2*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </SCRIPT> タグ1はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか? 表示されないとしたらどのようにしたら表示されるものなのでしょうか? タグ2はどちらのサーバーも表示されませんでした。 どうしたらちゃんと表示されますでしょうか?

  • 画像をランダムに表示し、リンクもランダムにしたい

    下記の通りにしたら、ランダムに画像が表示され、 クリックすれば画像とペアになっているアドレス先に飛ぶことは出来たのですが そのときのリンク先をランダムにすることは出来ないでしょか? 例えば、img[2] の画像が表示された場合、jmp[2] ではなく 5つのアドレスの中からランダムにリンク先が決まる、 というようなことなんですが・・・。 // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://~"; jmp[1] = "http://~"; jmp[2] = "http://~"; jmp[3] = "http://~"; jmp[4] = "http://~"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img1.jpg"; img[1] = "img/img2.jpg"; img[2] = "img/img3.jpg"; img[3] = "img/img4.jpg"; img[4] = "img/img5.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' target='_blank'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>");

  • それぞれの画像をオンマウスのときに違う画像にしたい

    下記【1】の通り、画像のランダムリンクはできたのですが それぞれの画像をオンマウスしたときに 違う画像を表示するにはどうすればよいでしょうか? JavaScriptを使わずに、一枚の画像だけを変える場合は↓のようにやっておりました <a href="http://~" target="_blank" ><img src="img[0] " height="" width="" border="0" onmouseover="this.src='img[0] の色違い画像など';" onmouseout="this.src='img[0] と同じ、もしくは違う画像';"></a> ※例えばimg[0]をオンマウスしたときにimg[2]にしたいのではなく、 それぞれ個別に用意した画像(通常時、オンマウス時、離した後の画像3枚)にしたいのですが。 【1】 // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://~"; jmp[1] = "http://~"; jmp[2] = "http://~"; jmp[3] = "http://~"; jmp[4] = "http://~"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img1.jpg"; img[1] = "img/img2.jpg"; img[2] = "img/img3.jpg"; img[3] = "img/img4.jpg"; img[4] = "img/img5.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' target='_blank'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>");

  • 複数のランダム表示について

    現在、外部のjsを読み込み、 ランダムではなく下記の方法で 4バナー表示をしております。 【index.html】 <script type="text/javascript" src="js/banner.js"></script> 【banner.js】 document.write("<ul class=\"banner\">"); document.write("<li><a href=\"http://1.jp/\" target=\"_blank\"><img src=\"http://1.jp/img/1画像.jpg\" alt=\"1\" width=\"200\" height=\"80\" /></a><br />1テキスト</li>"); document.write("<li><a href=\"http://2.jp/\" target=\"_blank\"><img src=\"http://2.jp/img/2画像.jpg\" alt=\"2\" width=\"200\" height=\"80\" /></a><br />2テキスト</li>"); document.write("<li><a href=\"http://3.jp/\" target=\"_blank\"><img src=\"http://3.jp/img/3画像.jpg\" alt=\"3\" width=\"200\" height=\"80\" /></a><br />3テキスト</li>"); document.write("<li><a href=\"http://4.jp/\" target=\"_blank\"><img src=\"http://4.jp/img/4画像.jpg\" alt=\"4\" width=\"200\" height=\"80\" /></a><br />4テキスト</li>"); document.write("</ul>"); 【ブラウザ】 1画像.jpg 1テキスト -------- 2画像.jpg 2テキスト -------- 3画像.jpg 3テキスト -------- 4画像.jpg 4テキスト 教えて頂きたいのは、下記のように ランダム表示で4つのバナーを表示させたいのですが どうしたらいいか分かりません。 【ブラウザ】 4画像.jpg 4テキスト -------- 2画像.jpg 2テキスト -------- 1画像.jpg 1テキスト -------- 3画像.jpg 3テキスト 詳しい方おりましたらお教え頂けないでしょうか? よろしくお願いします。

  • XMLの改行方法とリンクの仕方

    XMLで改行するにはどうしたらよろしいでしょうか? http://d.hatena.ne.jp/notintrade/20080122/1201016668 http://www1.mahoroba.ne.jp/~mitt/xml/xml/step11.htm こちらのサイトを参考にしていじってみてもうまく行きませんでした また、こちらのサイトでは http://questionbox.jp.msn.com/qa3557875.html <<XMLを改行して表示させたい場合には、私の場合、保存する際にすべての要素ごとに改行を加えたりインデントを加えたりするXSLTを通すという手段を使っています。 やれる手段らしき物が書かれているのですが、どうやればいいのかがわかりません。 他にも簡単な方法で改行できる方法があれば教えて頂けないでしょうか? また http://www6.airnet.ne.jp/manyo/xml/index.html こちらのHPで <a href="***"><img src="***"></a> と <iframe src="***"></iframe> の形式のリンクの方法はわかったのですが <a href="***" target="_blank"><img src="***" border="0"></a> と <iframe src="***" width=120 height=90 frameborder="no" scrolling="no"></iframe> この形式をリンクとして表示する場合どのようにすればよろしいでしょうか?

    • 締切済み
    • XML
  • ランダムリンクにて

    現在お小遣いサイトを開設したいと思っています。 そして、リードメールなどのダウンサポートが出来るように現在、 JavaScriptを利用して、ランダムリンクを取り入れようと思っているのですが、 リンク時のIDの部分のみランダムになるようにするにはどのようにすれば良いのでしょうか? 現在取り入れているのは下記ですが、 kensu=2; num=Math.floor(Math.random()*kensu); if (num==0){document.write('<a href="http://xxxx?ID1" target="_blank"><img border="0" alt="ID1" src="http://xxxx.gif"></a>');} if (num==1){document.write('<a href="http://xxxx?ID2" target="_blank"><img border="0" alt="ID2" src="http://xxxx.gif"></a>');} 理想としては http://www.h7.dion.ne.jp/~kalno/h_terrier.html こちらのようにしたいです。 JavaScriptの中身を拝見させてもらいましたが、数値等がよく解りません。 出来ればこのようなJavaScriptのやり方が掲載されているサイト等がありましたら教えて下さい。

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • かぶらないランダム画像

    こんにちは。 現在ランダムに画像表示+画像毎に各リンク+マウスオーバーで画像切り替え を下記スクリプトで行っております。 function randomImage1() { img = new Array(); img[0] = "photo1.gif"; img[1] = "photo2.gif"; img[2] = "photo3.gif"; img[3] = "photo4.gif"; n = Math.floor(Math.random()*2); url = 'URL1 URL2'.split(' '); document.write('<a href="'+url[n]+'" target="_top"><img src="'+img[n]+'" border="0" onMouseOver="this.src=\''+img[n-0+2]+'\'" onMouseOut="this.src=\''+img[n]+'\'" onClick="location.href=\''+url[n]+'\'"></a>'); } ここで相談です。さらにこのソースを改造して 重複しないでランダムに画像表示させたいのですが、 どこをどう改造すれば良いかアドバイス宜しくお願い致します。

  • リンク画像の表示範囲指定の方法が知りたいです!

    FC2のブログでアフィリエイトをしてます。次のような2つのリンク画像を載せる場合、余白部分をトリミング、あるいは見せないようにして詰めて表示する方法はありませんか?画像は著作権の関係で、ダウンロードして加工はできないので。 <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.com/digital/photo/1-104167/1-104167pm.jpg" alt="" border="0"></a> <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.co.jp/digital/photo/1-104167/1-104167sl.jpg" alt="" border=""></a>

  • javascriptで画像のランダム表示設定

    いつもお世話になっております。 過去に類似した質問が挙げられてましたが、 解決に至らなかったので、 質問させて頂きます。 javascriptを使用して、 3枚の画像をランダム表示されるように設定したいと思っております。 できれば、更新毎に常に異なる画像が表示されるようにしたいです。 ちなみに全体に適用ではなく、特定のボックスのみです。 こんな感じで現在は指定しております。 <div class="section1"> <img src="photo/xxx.jpg" alt="xxx" /> </div> ここのimgをランダム表示にしたいのですが、 どうも上手くいきません。 <script language="javascript"> <!-- // ランダムに画像を表示する img = new Array(); // 画像のアドレス img[0] = "photo/xxx.jpg"; img[1] = "photo/yyy.jpg"; img[2] = "photo/zzz.jpg"; n = Math.floor(Math.random()*img.length); document.write("<IMG src='"+img[n]+"' border='0'>"); document.write("</A>"); //--> </script> をbody内に挿入したのですが、 ダメでした。 ご指導の程宜しくお願い致します。 ちなみに当方、プログラムを自力で記述する能力が無いので、 できれば、ソースを明示して頂けると大変助かります。

専門家に質問してみよう