ここから本文です

java script初心者です。 下記のように jmp=リンク先 img=画像 を それぞれラ...

dro********さん

2016/7/1417:47:27

java script初心者です。

下記のように jmp=リンク先 img=画像 を
それぞれランダム配信するまで書けるようになりました。

質問したいのは、それぞれのリンク先にテキストを追加する方法です。
例えば…

リンク先URL1 のテキストに 「美味しい焼きおにぎりはコチラで!」
リンク先URL2 のテキストに 「タコ焼きを買うならまずはコチラで!」
リンク先URL3 のテキストに 「たくさん焼肉を食べたい人はコチラ!」

といったテキストを追加させる場合、どのようにしたら宜しいでしょう?
どなたか分かりやすくご教授頂けると助かりますm(_ _)m

-----------------------------------------------------------------

// JavaScript Document

jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "画像URL1";
jmp[1] = "画像URL2";
jmp[2] = "画像URL3";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "リンク先URL1";
img[1] = "リンク先URL2";
img[2] = "リンク先URL3";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"' target='_blank'>");
document.write("<img src='"+img[n]+"' style='border:solid 1px #333;' width='300' >");
document.write("</a>");


-----------------------------------------------------------------

閲覧数:
61
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

kur********さん

2016/7/1418:44:02

まず、テキストの配列を準備して

var texts = new Array(
"美味しい焼きおにぎりはコチラで!",
"タコ焼きを買うならまずはコチラで!",
"たくさん焼肉を食べたい人はコチラ!"
);


document.write("<a href='"+jmp[n]+"' target='_blank'>");
document.write("<img src='"+img[n]+"' style='border:solid 1px #333;' width='300' >");
document.write("</a>");

の後に、
document.write("<a href='"+jmp[n]+"' target='_blank'>"+texts[n]+"</a>");
を追加するのはどうですか?
テキストの表示の位置や、並びなどは、CSSでの回り込み指定等が必要になりますが。

質問した人からのコメント

2016/7/19 06:44:55

ありがとうございました。
追加する部分に、試しに…

var texts = new Array(
text[0] = "美味しい焼きおにぎりはコチラで!",
text[1] = "タコ焼きを買うならまずはコチラで!",
text[2] = "たくさん焼肉を食べたい人はコチラ!"
);

と余計なことを書くと表示されませんでした。
勉強しないとですね…

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる