フレームから別なフレームへのリンク
-
0 名前： ハムちゃんズ ： 2006/05/12（金） 21:27 ID:bfJUmTNd
- フレームAにリンクを貼り、それをクリックするとフレームBに画像が表示されるようにしたいです。
フレームAには、１．タイマー更新、２．マウス更新、３．ビデオ表示という３つのリンクを貼り付けて、クリックしたらフレームBに各画像が表示されるようにしたいです。
フレームAのリンクをクリックする前には、フレームBには初期画像を表示させたいです。
各画像の処理は下記のように作りました。
■タイマー更新
<html>
<head><title>画像を一定時間毎に入れ替える</title>
<script language="JavaScript">
<!--
count=1;
function changeImage(){
count++;
count %=10;
if(count==0) count=1;
document.btn.src= "gazou0" +count +".jpg";
}
//-->
</script>
</head>
<body bgcolor="#776655" text="ffffff" onLoad="setInterval('changeImage()',2000)">
<hr><center>
<h3>画像を一定時間間隔で入れ替えます</h3><hr><br>
<img src="kazou01.jpg" name="btn">
</center>
</body>
</html>
■マウス更新
<html>
<head><title>マウスを重ねることにより入れ替える</title>
<script language="JavaScript">
<!--
function swImg(str){
document.myImage.src= str;
}
//-->
</script>
</head>
<body bgcolor="#776655" text="ffffff">
<hr><center>
<h3>画像にマウスを重ねると画像が変化します</h3><hr><br>
<a href= "#" onMouseover= "swImg('gazou03.jpg')"
onMouseout= "swImg('gazou04.jpg')">
<img src="japan01.jpg" name="myImage" border=0>
</a>
</center>
</body>
</html>
■ビデオ更新<html>
<script language="JavaScript">
<!--
function mPlay(){
mPlayer.play();
}
function mStop(){
mPlayer.stop();
}
//-->
</script>
<body>
<object id="mPlayer" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param name="filename" value="bideo.avi">
<param name="ShowControls" value="true">
</object>
<form>
<input type="button" value="再生" onClick="mPlay()">
<input type="button" value="停止" onClick="mStop()">
</form>
</body>
</html>
よろしければ、アドバイス宜しくお願いしますm(__)m
-
1 名前： m035 ◆Wpzr1YKOiq ： 2006/05/12（金） 21:27 ［URL］ ID:iuqdS2UA
- http://www.tagindex.com/html_tag/link/a_target.html
の方法を使ってフレームBに各HTMLを表示すればいいのでは？
それと、
<script language="JavaScript">
は
<script type="text/javascript">
にしたほうがいいと思います。
