私はあるサイトを作成しているのですが、そのサイトのトップページで静止画像をランダムに表示させています。更新ボタンを押すたびに静止画像が変わるというものです。そしてその静止画像をクリックすると、ある特定のホームページにリンクしています。下記はそのソースです。
この静止画像をクリックしても、タブをもう一つ開いてリンクしていません。同じタブで切り替わるだけです。HTMLでしたら、target="new"になっていないということです。そこでお聞きしたいのですが、下記のJavaScriptでtarget="new"にするにはどこにこれを書き込めばいいのでしょうか?
また、サイトを開くたびにランダムに静止画像を表示させるだけでなく、静止画像を数秒ごとに切り替えるソースをご存知の方がいらっしゃいましたら、ぜひご教授ください。よろしくお願いします。
<!--ランダム広告ココから-->
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.○○○";
jmp[1] = "http://www.□□□";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/○/○420x200.jpg";
img[1] = "img/□/□420x200.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");
//-->
</SCRIPT><!--ランダム広告ココまで-->
No.1ベストアンサー
- 回答日時:
target="new"は新しいウィンドウを開くというものじゃ全くないです。
新規ウィンドウで開く場合はtarget="_blank"です。
前者はnewという名前のウィンドウに表示するということであって、新しいウィンドウを開くというものではありません。
(たまたまnewという名前のウィンドウがないので新しく開く動作をする)
もしnewという名前のウィンドウがあれば、ブラウザによっては新しいウィンドウは開かずに既存のウィンドウで開きます。
フレーム名に使われていた場合には、そのフレームでリンクを開きます。
>target="new"にするにはどこにこれを書き込めばいいのでしょうか?
aを出力している
document.write("<a href='"+jmp[n]+"'>");
を
document.write("<a href='"+jmp[n]+"' target='_blank'>");
にすればいい。
>静止画像を数秒ごとに切り替えるソース
setTimeoutでループさせることになるけど、ループしながら動的にHTMLを書きかえることになります。
document.writeで書いてるんじゃダメなので、HTMLから書き換えになる。
現状HTMLの状況などが分からんので、方法だけ。
素早いご回答をいただきまして、ありがとうございます。
target="_blank"でした。申し訳ありません。
また、書き込む場所を教えていただき、ありがとうございました。無事に新しいページで開くことができました。
ループの方法の端緒までご教授いただきまして、ありがとうございました。これをヒントに自分で検索してやってみます!本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで毎月替わる画像
-
HTMLで条件分岐はできますか?
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
画面の表示位置を指定させて表...
-
透過pngの透明部分以外をクリッ...
-
(超初心者向け)マウスオーバ...
-
FancyZoom (javascriptで画像拡...
-
サムネイルをクリックすると画...
-
Gifアニメ、最後のコマに行った...
-
画像をフォルダに入れれば表示...
-
jQueryスライドショー画像への...
-
各フォルダから1枚ずつ画像をラ...
-
MAX関数を使ってからLEFT JOIN...
-
HTMLですCSSです 画像のように...
-
アップロードファイルの種類に...
-
Slick.jsのオプションrtlについて
-
スタイルシートで画面を上下に...
-
大分類・中分類・小分類
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報