javascriptによるランダム画像表示のリンク指定について教えて頂きたく投稿しました。
以下のサイトを参考に作成したのですが、
http://www.geocities.jp/sii_side/chie/20090308/
画像に任意のリンクを貼りたいと思っているのですが、なかなかうまくいきません(泣)
よろしくご教授ください
No.2ベストアンサー
- 回答日時:
//画像のURL
var img = [
'a.jpg', 'b.jpg', 'c.jpg', 'd.jpg',
'e.jpg', 'f.jpg', 'g.jpg', 'h.jpg'
];
var inum = img.length;
//任意のuri
var uriList = [
'a.html', 'b.html', 'c.html', 'd.html',
'e.html', 'f.html', 'g.html', 'h.html'
];
/**************************/
var rImg = new Image();
rImg.src = img[result[k]];
rImg.alt = alt[result[k]];
var a = document.createElement('a'); //a要素生成
a.href = uriList[result[k]]; //href属性値の設定
a.appendChild(rImg); //img要素追加
var cell1 = row.insertCell(0);
cell1.appendChild(a); //a要素追加
var text = document.createTextNode(str[result[k]]);
こんな感じでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) midjourney ミッドジャーニーで、写真を元に画像を生成したいのですがやり方を教えていただけま 1 2023/04/08 22:31
- その他(データベース) Q&Aフォームを作成したいのですが、どう設計してよいか分かりません、アドバイスお願い致します。 1 2023/07/27 19:04
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- Excel(エクセル) エクセルで不可日と祝祭日の考慮してランダムに毎日の当番表を作成したいと思っています。 1 2023/07/12 21:14
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- Excel(エクセル) エクセルについて教えてください。 1 2023/03/03 08:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Javaにて画像を残像が残りつつ...
-
一定時間ごとにgif画像の切...
-
オンマウスで画像と文字を同時...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
背景色を一定時間ごとにランダ...
-
文字を固定したいのですが…
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
文字と数字が混在する要素のsor...
-
離れた場所にマウスオーバーで...
-
ホームページビルダー15 メニュ...
-
c++std::string型をTCHARに変換...
-
タブで開いてさらにタブ内をア...
-
1行で左寄せと右寄せと中央揃え...
-
オンマウス時に別画像を上に重...
-
javascriptでのパスについて
-
文字をクリックしたら別の文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
【javascript】ロールオーバー...
-
HPに複数の画像をクリックで切...
-
連続したURLへのwindow.openの...
-
リンク切の場合リンクしない
-
画像と文字を同時に切り替えたい
-
JavaScriptで画像置換えてクリ...
-
画像の入れ替え
-
javascriptによるランダム画像...
-
<img>タグの alt= の値をキャプ...
-
outlook2010の不具合で困ってい...
-
複数のボールの落下、バウンド...
おすすめ情報