- 締切済み
フォルダ内の画像にリンクを指定するには？
html本文には画像パスを指定せずに、スクリプト（画像を連番で読み込む）にて指定しています。 その場合、連番の最初の「001.jpg」にはリンクを指定出来るのですが、以降の「002.jpg」～は指定が出来ません。 これを解決するためにはどうしたらいいでしょうか？ あらかじめ、連番すべてにリンクを指定したものを読み込ませるとか・・・？ （いくつかを考えてみたのですが、解決に至っておりません） 以下、ご確認お願い致します。 （一部抜粋しております） <script language="JavaScript"> <!-- // 以下スクリプト設定部分 FITime=0; // n=100; // Lnum=4; // cnt=0; // Fna="test"; // Fexp="jpg"; // // 以下スクリプト本体 function fade(){ n=n+2; if(n>=100) clearInterval(TM) else{ test.filters(0).opacity=n;} } function ChangeNext(){ n=0; cnt++;if(cnt>Lnum){cnt=0;} document.test.src=Fna+cnt+"."+Fexp; TM=setInterval("fade()",FITime) } function ChangeBack(){ n=0; cnt--;if(cnt<0){cnt=Lnum;} document.test.src=Fna+cnt+"."+Fexp; TM=setInterval("fade()",FITime) } //--> </script> </head> <body> <img src="test001.jpg" name="test" border="0" />
- meiki1204
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- luka3
- ベストアンサー率72% (424/583)
meiki1204さんが期待しているのは、ChangeBack()が呼ばれたときに画像ファイルが「test002.jpg」になることだと思いますが、実際にセットされるのは「test2.jpg」になります。 以下のように修正してみてください。 document.test.src=Fna+("00"+cnt).slice(-3)+"."+Fexp;
補足
luka3様 ご回答ありがとうございます。 コードを省略しており、肝心の所？を記載漏れしておりました。 申し訳ございません。 「001.jpg」以降はmapで指定した位置をクッリクすれば「002.jpg」「003.jpg」．．．「001.jpg」と動きます。 「001.jpg」にはリンクを付けることが出来るのですが、それ以降にリンクを付けることが出来ません。 リンクを付けることは出来ますでしょうか？ コード本文は下記の通りになります。 <body> <div onload="MapLoad()"><img src="test001.jpg" usemap="#MapChange" name="test" border="0" /></div> <map name="MapChange"> <area onmouseover="MapChange.src='test001.jpg'" onmouseout="MapChange.src='test001.jpg'" onClick="ChangeBack()" shape="circle" coords="a,b,c" /> <area onmouseover="MapChange.src='test001.jpg'" onmouseout="MapChange.src='test001.jpg'" onClick="ChangeNext()" shape="circle" coords="a,b,c" /> </map> </body>