- 締切済み
複数の画像の中から複数の画像をランダムに表示
みずの（@mizuno3）の回答
- みずの（@mizuno3）
- ベストアンサー率73% (192/263)
0～10の配列を画像とリンク先URLの2種類用意してやって、それをランダムに・・・とかで行ける気がします。 まずは現状のソースとかがあれば説明しやすいかもです♪ 参考URLはうさのJavascript講座さんです。
関連するQ&A
- ランダムに表示する画像にリンク
javascriptで、リロードするたびにランダムに画像を 表示するようにしている（画像は合計5枚）のですが、 ランダムに表示するように用意している画像の一枚一枚に 各画像バラバラのリンク先を設定することというのは可能なのでしょうか？ また、可能であるのならその方法をお教え願えませんでしょうか。 よろしくお願い申し上げます。
- ベストアンサー
- JavaScript
- リンク画像のランダム表示について
はじめまして。 諸先輩方、ご教授いただければと思います。 現在、JavaScriptでのリンク画像のランダム表示を、コーティングしてます。 配列に値をセットする方法は、存じてるのですが、対象のリンク画像が数十件あるため、全て記述するのはスマートではないと思い、とあるフォルダに対象のリンク画像を格納(1～50.jpg)し、取得したランダム値をもとに画像を表示させる所までは実装できました。 その際に画像へリンクを貼る段階で詰まってしまいました。 何か良い方法はないでしょうか？ 私の考えでは配列にリンク情報を格納し、取得したランダム値をもとに取得するのかなと思ってますが、取得後のリンク設定方法がわかりません。 また、リンク画像を表示時、ロールオーバー処理も行いたく、外部ｊｓファイルにロールオーバー処理を記述しました。 IEでは、問題なく表示されてますが、他のブラウザではロールオーバーが出来ません。 これは、リンク画像のランダム表示時にロールオーバー処理を追記する必要があるのでしょうか？
- 締切済み
- JavaScript
- 画像（リンク付）をランダム表示する方法
タイトルそのままです。 画像が10点あって、それぞれ別々のリンク先をもっています。この中から3点ランダムに選択して表示させるにはどうしたらよいのでしょうか？ 画像ランダム表示1点のみ、ならわかります。 複数表示で、しかもリンク付、というのがわかりません。 具体的な例を言うと、広告バナーがランダム表示されますが、それの複数バージョンです。表示数は「3」で固定とします。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像をランダムに表示し、リンクもランダムにしたい
下記の通りにしたら、ランダムに画像が表示され、 クリックすれば画像とペアになっているアドレス先に飛ぶことは出来たのですが そのときのリンク先をランダムにすることは出来ないでしょか？ 例えば、img[2] の画像が表示された場合、jmp[2] ではなく ５つのアドレスの中からランダムにリンク先が決まる、 というようなことなんですが・・・。 // ランダムに画像を表示する 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>");
- 締切済み
- JavaScript
- リンク画像をランダム表示して一定時間でランダムにリンク画像切り替えするには？
「複数のリンク画像を一定時間で（各リンク先も）切り替えるには？」で画像表示を一定時間で切り替えることがわかりましたが、ページを開いたときにリンク画像がランダムで表示されその後、一定時間でランダムにリンク画像を切り替えをする場合、どうすればいいのでしょうか？よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動
JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動切換え、さらにその画像にリンク先urlの指定のやり方をわかる方いらっしゃいましたら教えてください。 JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは過去質問でわかったのですが、その画像にリンクさせる方法をお願い致します。 JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは http://www.tagindex.com/kakolog/q4bbs/201/360.html こちらの質問内記載のタグを参照させて頂きました。 これに個々の画像にリンクをつけたいのです。 よろしくお願い致します。
- ベストアンサー
- インターネットビジネス
- 画像リンクをランダムに４つ表示する
このようなタグを使って、画像リンクのランダム表示を作成しました。 ((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
- ランダムで表示されるアイコン→画像＋リンク
複数のアイコンがランダムで配列されるようになっていて（並びが変わるだけで全てが画面上に表示されている）、各アイコンにonマウスで、アイコン毎に応じた大きめの画像が表示される。 そしてその画像をクリックすると外部にリンクされると言うものを作りたいと思っています。画像毎にリンク先は変わります。 また、放置した場合は順に大きめの画像が表示されていくと言った形にしたいと思っています。 こちらの質問などは近いと思うのですが、 http://oshiete1.goo.ne.jp/qa2267673.html ランダムに表示される複数の画像を同時に表示させるというのと、それを連動させる方法などがわかりません。 ご教授戴けると幸いです。どうかよろしくおねがいします。
- ベストアンサー
- Flash
- 画像＋リンク＆文字のランダム表示について
画像＋リンク＋文字のランダム表示について 復数ある画像、リンク、文字のなかからランダムで数個（かぶらないように）表示させたいのです。 それもテーブルタグの中に。 （画像Ａには必ずリンクＡと文字Ａがせっとになるようにです） 初心者なのでどのようにしたら良いのか、またこんな事ができるのかどうかもわかりませんが・・・ おわかりになる方、詳しく教えてください。 一応ＨＴＭＬでＨＰをつくっているので、このように書いたら良いよ・・・という見本のようなモノを作って頂けると幸いです。 宜しくお願いします ↓の画像のように３パターンの表示を考えています。 解りづらいかもしれませんが、よろしくお願いします。
- ベストアンサー
- HTML
- 数ある中からランダムで抽出しての表示
画像を貼ったので見て頂きたいのですが、javascriptでランダムに表示されるリンクを作りたいのですが、全くわからないため、サンプルのようなものを作って頂きたいのです。 四角いものが画像で、……で表示されてるのを文章にしたいのです。 色が同じものをセットで表示したいのですが、数個の中からランダムで表示したいのです。 例えば、画像１０種類と文章が１０種類あるとしたら、赤の画像と赤用の文章をセットで一つとし、縦３つのものと、横に３つのものを作りたいのです。 表示する数は、３つより増えるかもしれませんが・・・ しかも、１０種類の中から、かぶることなく３つを表示させたいのです。 それと、縦表示の画像の無い、文字リンクのものも作りたいのです。 貼った画像には黒い枠がありますが、実際にはいりません。 凄くわがままなお願いですが、よろしくお願いします。
- ベストアンサー
- JavaScript