WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:画像切り替え

0:[投稿] 猫まんま [2002/06/25 14:49 ][環境:わからない わからない]

(D)のこちらにある画像をクリックで画像を切り替える方法なのですが、うまくできないのです。
同じフォルダ中に画像をおいているのですが
はじめに表示する01.jpgの画像は
表示されるのですが、クリックした後に、表示させたい02.jpgの
画像がでてきません。

<SCRIPT type="text/javascript" language="JavaScript">
<!--
now_img = 0;
function chang_img(){
  if(now_img==0){now_img=1;}else{now_img=0}
  document.slide.src = "img"+now_img+".jpg";
}


//-->
</SCRIPT>
<META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.3 for Windows">
<TITLE></TITLE>
</HEAD>
<BODY>
<p>
<div align="center"><br>
<p>
<a href="#" onclick="chang_img();return false;">
<img src="01.jpg" width="320" height="240" name="slide">
</a>
<!-- 画像の先読み -->
<img src="02.jpg" width="1" height="1">
<br><br></div>
<br>
</BODY>
</HTML>

このように、してあるのですが、どこが悪いのか
わかる方いましたら、宜しくお願いします。


1:[回答] ひよこ [2002/06/25 15:51 ]

> (D)のこちらにある画像をクリックで画像を切り替える方法
最初にお断りしておきますが、私のサイトのサンプルのようですので、次回から質問はそちらの掲示板へお願いします。
http://members.jcom.home.ne.jp/1633348312/

とりあえず今回はこちらで回答します。
> document.slide.src = "img"+now_img+".jpg";
の様に画像ファイル名をimg0.jpgとimg1.jpgを読むようになっています。
ですので画像ファイル名 01.jpgと02.jpgをそれぞれ img0.jpgとimg1.jpgにリネームして下さい。
そして、

<img src="img0.jpg" width="320" height="240" name="slide">

及び

<img src="img1.jpg" width="1" height="1">

として下さい。
ポイントとしてスクリプトでファイル名を組み立てていますから、
それに習って画像ファイル名もあわせる必要があります。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World