![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?e8efa67)
No.2ベストアンサー
- 回答日時:
そうでした^^;大切な部分が抜けてましたね。
<!-- これを画像を張りたい位置に挿入。<body>~</body>内 -->
<script type="text/javascript">
/* 設定部分 */
var interval = 2000; //切り替わる時間(1000=1秒)
var imgs = new Array(); var hrefs = new Array();
imgs[0] = new Image(); imgs[0].src = "a001ani.gif"; hrefs[0] = "リンク先1";
imgs[1] = new Image(); imgs[1].src = "a002ani.gif"; hrefs[1] = "リンク先2";
imgs[2] = new Image(); imgs[2].src = "a003ani.gif"; hrefs[2] = "リンク先3";
/* プログラム部分 */
var num = Math.floor(Math.random()*imgs.length);
document.write('<a href="'+hrefs[num]+'" id="cth"><img src="'+imgs[num].src+'" id="cti" style="border:0" /></a>');
var cti = document.getElementById("cti"); var cth = document.getElementById("cth");
setInterval(function(){
num += Math.floor(Math.random()*(imgs.length-1))+1;
if(num>=imgs.length) num -= imgs.length;
cti.src = imgs[num].src; cth.href = hrefs[num];
},interval);
</script>
<!-- ここまで -->
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?e8efa67)
No.1
- 回答日時:
===============
/* 設定部分 */
var interval = 2000; //切り替わる時間(1000=1秒)
var imgs = new Array(); var hrefs = new Array();
imgs[0] = new Image(); imgs[0].src = "a001ani.gif"; hrefs[0] = "http://www.google.co.jp/";
imgs[1] = new Image(); imgs[1].src = "a002ani.gif"; hrefs[1] = "http://www.yahoo.co.jp/";
imgs[2] = new Image(); imgs[2].src = "a003ani.gif"; hrefs[2] = "http://www.goo.ne.jp/";
/* プログラム部分 */
var num = Math.floor(Math.random()*imgs.length);
document.write('<a href="'+hrefs[num]+'" id="cth"><img src="'+imgs[num].src+'" id="cti" style="border:0" /></a>');
var cti = document.getElementById("cti"); var cth = document.getElementById("cth");
setInterval(function(){
num += Math.floor(Math.random()*(imgs.length-1))+1;
if(num>=imgs.length) num -= imgs.length;
cti.src = imgs[num].src; cth.href = hrefs[num];
},interval);
===============
「imgs[○] = new Image(); imgs[○].src = "□□"; hrefs[○] = "△△";」で、
○の数字を大きくしていくと、画像の数が増やせます。
「imgs[○].src = "□□";」では、□□に画像urlを入力
「hrefs[○] = "△△";」では、△△にリンク先urlを入力
この回答への補足
回答ありがとうございます。
コピー、ペーストして○ □□ △△の部分を変更して使いましたが、正常に作動しませんでした。
タグの部分も理解してないので、<html>~</html>の部分も教えないでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(データベース) Q&Aフォームを作成したいのですが、どう設計してよいか分かりません、アドバイスお願い致します。 1 2023/07/27 19:04
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- その他(ブログ) なぜ、ホームページが削除されても、そのホームページ上の画像のリンク先がリンク切れになる場合 5 2023/07/15 10:24
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- LINE スマホを替えてから、LINEの画像が表示されなくなりました 1 2022/10/04 13:41
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- ホームページ作成・プログラミング さくらサーバーに置いているホームページを改修したいです 2 2022/11/06 17:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでサーバー上のファイル...
-
連続したURLへのwindow.openの...
-
imgのsrcに値を設定するには
-
jQueryで画像を重ねる
-
リンク画像をランダム表示して...
-
リンク切の場合リンクしない
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き
-
textareaに画像を表示したい
-
Javascriptで画像を水面のよう...
-
JavaScriptで変更した属性の元...
-
c++std::string型をTCHARに変換...
-
createElementで作成した要素を...
-
ダイアログから画像ファイルは...
-
画像が表示でnull; this.src
-
複数画像のランダム複数表示(...
-
スクロール可能なチェックボックス
-
Slick.jsのオプションrtlについて
-
removeEventListenerについて
-
読み込んだQRコードをフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
this.src等のthisについて
-
imgのsrcに値を設定するには
-
jQueryでサーバー上のファイル...
-
画像の座標位置取得
-
イベントハンドラを完全に外部...
-
連番画像「次へ」「前へ」で、...
-
画像の下に説明文をつけて切り...
-
JS switch文について
-
JavaScriptでリクエストを飛ば...
-
スマートな外部javaでロールオ...
-
JavaScriptでシンプルなスライ...
-
一定時間で画像とリンク先を変...
-
javascript 時計24時間表示
-
画像と文字を同時に切り替えたい
-
これはどんなJavaScriptなので...
-
Javaにて画像を残像が残りつつ...
-
FirefoxでonMouseOver/Outの動...
-
divの背景画像を、徐々に表示さ...
-
時間によって表示される画像を...
おすすめ情報