画像を動かし、そこにリンクを貼りたいのですが可能でしょうか?
下のソースの中にリンクを埋め込みたいのですがどうやっても
うまくいきません。根本的にやり方がちがうのでしょうか・・・。
document.write("<div id=\"dot["+ m +"]\" style=\"POSITION: absolute; Z-INDEX: "
+ m +" VISIBILITY: visible; TOP: 10px; LEFT: 10px; width:1;\"><img src="
+ img_name + " ></div>");
No.1ベストアンサー
- 回答日時:
リンクを埋め込んだ際のソースがないため、なんともいませんが、とりあえず
a="";
a+= "<div id=\"dot["+ m +"]\" style=\"POSITION: absolute; Z-INDEX: ";
a+= m +" VISIBILITY: visible; TOP: 10px; LEFT: 10px; width:1;\"><img src=";
a+= img_name + " ></div>";
alert(a);
document.write(a);
というようにソースを書きかえ、alertで望みどおりのHTMLタグを書けているか確認してみては?
早速の回答有り難うございます。
試してみましたが、やっぱり駄目です。
全ソースを載せますのでよろしかったら見てみてください。
<SCRIPT LANGUAGE="JavaScript">
<!--
var xpos0=0;var ypos0=0;
n=30;
var _width = 400;
var _height = 400;
var _width = screen.width*1/5;
var _height= screen.height*1/3;
xpos0 = _width+5;
ypos0 = _height;
xpos=new Array();
ypos=new Array();
i=new Array();
l=new Array();
dot=new Array();
for (m=1;m<(n+1);m++){
xpos[m] = _width+10*Math.random();
ypos[m] = _height-10*Math.random();
i[m]=xpos[m]-xpos0;
l[m]=ypos[m]-ypos0;
}
timeID=0;
function hanabi() {
for (m=1;m<(n+1);m++){
document.all["dot["+m+"]"].style.pixelTop = ypos[m];
document.all["dot["+m+"]"].style.pixelLeft = xpos[m];
xpos[m]=xpos[m]+i[m];
ypos[m]=ypos[m]+l[m];
l[m]=l[m]+0.1;
if ((xpos[m]<=5)||(ypos[m]<=5)){
xpos[m] = _width+10*Math.random();
ypos[m] = _height-10*Math.random();
i[m]=xpos[m]-xpos0;
l[m]=ypos[m]-ypos0;
}
else if ((xpos[m]>=screen.width*5/10)||(ypos[m]>=screen.height*6/10)){
xpos[m] = _width+10*Math.random();
ypos[m] = _height-10*Math.random();
i[m]=xpos[m]-xpos0;
l[m]=ypos[m]-ypos0;
}
}
timeID=setTimeout("hanabi()",1);
}
//-->
</SCRIPT>
<body bgcolor=white onLoad="hanabi()">
<SCRIPT LANGUAGE="JavaScript">
<!--
for (m=1;m<(n+1);m++){
img_name="images/mo-musu/marippe25.gif";
if (m<23) {img_name = 'images/mo-musu/aichan01.gif';}
if (m<12) {img_name = 'images/mo-musu/goppin13.gif';}
if (m<3) {img_name = 'images/mo-musu/kagochan20.gif';}
if (m<2) {img_name = 'images/mo-musu/kaorin19.gif';}
document.write("<div id=\"dot["+ m +"]\" style=\"POSITION: absolute; Z-INDEX: "
+ m +" VISIBILITY: visible; TOP: 10px; LEFT: 10px; width:1;\"><img src="
+ img_name + "></div>");
}
//-->
</SCRIPT>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラムについて。
-
スマホ上で、左右スワイプで次...
-
初心者です。gulpでコンパイル...
-
プログラムがうまく動きません...
-
jsで質問です。 displayプロパ...
-
【Google Apps Script】「ライ...
-
console.logがどうしても2つ機...
-
指定時間になったら、WEBサイト...
-
Googleフォームで選択肢に応じ...
-
セレクトを全て選択されていな...
-
イラストレーター、縦中横のシ...
-
sessionStorageを調べています。
-
コードレビューをお願いします。
-
セレクトボックスで配列を呼び...
-
jsで、配列内の文章を改行する...
-
jQueryで同じクラス名のものを...
-
HTMLタグに複数のクラスを設定...
-
コードレビューをお願いします。
-
IndexedDB を使ってファイルア...
-
画面遷移を行わずに同一ページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報