- ベストアンサー
インラインフレームの操作方法とは？
- ページの構成でサムネイル画像とインラインフレームを使用する方法についての質問です。
- サムネイルをクリックしてインラインに画像を表示させる方法について質問しています。
- JavaScriptとCSSを併用して画像をインラインに表示させる方法についてのヒントを求めています。
- BoOoOoOo
- お礼率100% (9/9)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
これはどうでしょう？ IE6,NN7で確認しました。 <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <PUBLIC:ATTACH EVENT="ondetach" ONEVENT="cleanup()" /> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> <!-- var imgbig = new Array(); imgbig[0] = "img1.jpg"; imgbig[1] = "img2.jpg"; imgbig[2] = "img3.jpg"; imgbig[3] = "img4.jpg"; var ifr; function cleanup(){ detachEvent("onclick", ig_onclick); } function window_onload() { ifr=document.getElementById("ifr"); ig = document.getElementsByTagName("IMG"); for(i=0;i<ig.length;i++) ig[i].onclick=ig_onclick; } function ig_onclick(){ ifr.src = imgbig[this.name]; } //--> </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()"> <P> <TABLE border=1> <TR><TD> <IMG name="0" src="thmimg1.jpg"><BR> <IMG name="1" src="thmimg2.jpg"><BR> <IMG name="2" src="thmimg3.jpg"><BR> <IMG name="3" src="thmimg4.jpg"></TD> <TD> <IFRAME id=ifr></IFRAME> </TD></TR></TABLE> <P></P> </BODY> </HTML>
その他の回答 (1)
- ittochan
- ベストアンサー率64% (2667/4137)
IFRAMEのCSS？ <style type="text/css"> <!-- IFRAME { WIDTH:300px; HEIGHT:305px; } --> </style> </HEAD> こんな感じ？
お礼
すいません、質問のしかたがごちゃごちゃで 分かり難かったです。 一応、JavaScriptの質問でした。
お礼
ありがとうございます。自分なりに作ってみたんですけど。。 function myChange(a){ var win=window.frames['myframe']; win.document.open(); win.document.write('<link rel="stylesheet" href="c2.css" type="text/css">'); win.document.write('<body>'); win.document.write('<p><img src="'+a+'" alt=""></p>'); win.document.write('</body>'); win.document.close(); } こうやって、 アンカーに<a href="#" onclick="mych(xxx.jpg)">ってのをやってみて、それなりには動くんですけど、どうしても後学のために配列を使用したかったんです。ittochanさんのスクリプトみたいのをくみたかったんです。遠慮なく使用させてもらいます。勉強にもつかわせてもらいます。 どうもです。