No.1ベストアンサー
- 回答日時:
私もあまり知識はないのですが、
ページ内にテーブルタグを置くんです。
テーブルタグの背景を画像に変えると、テーブルタグの数値で画像をIMGタグの用に移動させられます。そして、テーブルの上にIMGタグで画像を張れば、画像の上に画像を載せられます。
この方法なら、画像を重ねまくれます。
タグの見本っぽいのを置いておきますね。
<table background="背景画像名" wigth="横幅" height="縦幅" border="0" (ETC...)>
<tr>
<td>
<a herf="リンク先">
<IMG="リンク画像">
</a>
</td>
</tr>
</table>
↑の<tr>内を任意の数値に書き換えればいいと思います。
No.3
- 回答日時:
1.まずは<head></head>の中にscriptコードを入れてください
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
2.次に<body></body>の中に次のコードを入れます。
<a href="(ここにクリック後のURLを入れる)" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','(ここに最初の画像の名前を拡張子まで入れる。例 hogehoge.gif)',0)"><img src="(ここに切り替わる画像の名前を拡張子まで入れる。例 hogehoge.gif)" alt="あああああ" name="Image1" border="0" id="Image1" /></a>
3.以上です。
No.2
- 回答日時:
■マウスオーバーで画像を変えるには
<img src="最初の画像ファイル名"
onmouseOver="this.src='差し替える画像ファイル名'" onmouseOut="this.src='最初の画像ファイル名'" />
★this.src=の指定で、画像のソースを変えます。
★onmouseOverのようなイベントハンドラについては、参考URL1
★this.srcの所はいろいろ応用が可能です。参考URL2を見てください。
■画像にリンクをつけるなら、上記を<a>タグで囲む。
<a href="リンク先アドレス"><img ・・・ /></a>
参考URL:http://www.tohoho-web.com/js/onevent.htm,http:// …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング サイトの同じページに画像を複数挿入し、それぞれの画像に別リンクを貼ることはできますか? 初心者なので 1 2022/08/04 11:46
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Google Drive Google Photo 5 2022/03/23 09:39
- デザイン 【急ぎです】チョコレート中身のデザイン作成について。 チョコレートの転写紙をデザインして、 それを箱 2 2022/07/29 08:45
- 教えて!goo 「教えて!goo」や「Yahoo知恵袋」に投稿する際の画像についてお聞きします。 2 2023/05/23 12:53
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- Illustrator(イラストレーター) ワードに貼った画像のキャンバスと画像本体のサイズの調整 2 2022/05/19 18:31
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像を切り替えランダム表示
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
USEMAPでの指定区域にマウスオ...
-
画像クリックで別の場所の画像...
-
中心を軸にくるくる回るjQuery ...
-
画像のランダム表示が遅い?
-
bxsliderにて読み込み後に内容...
-
1枚の画像をクリックすると複数...
-
初心者です。クリッカブルマッ...
-
JAVAスクリプトの質問
-
Gifアニメ、最後のコマに行った...
-
javascriptで毎月替わる画像
-
アクセス毎に画像を順番に表示...
-
「進む」「戻る」ボタンの作成...
-
javascriptのitem?klassとは?
-
javaを使ってマウスオンでの画...
-
textareaに画像を表示したい
-
HTMLで条件分岐はできますか?
-
ソート時に△/▽のような画像を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
1枚の画像をクリックして複数の...
-
Javascript で共通の処理をどこ...
-
JavaScriptとチェックボックス...
-
画像ランダム表示、しかしダブ...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
1枚の画像をクリックすると複数...
-
javascriptで毎月替わる画像
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報