- ベストアンサー
ローカルサイトでは作動しますがネット上ではダメです
まったく初心者ですが、HP用マニュアル（10年位前の本）の付録記述例を参考にDREAMWAVER8で作りました。 ローカルサイトでは8枚の画像が順次かわり正常に作動しますが、UPしたネット上では作動しません。 以下にソースを（何が障りになってるか全くわからないので長いですが、全部）コピーします。 <body> <p><img src="theatertitle.gif" alt="へちまや劇場" width="100" height="26" /></p> <p> <script language="JavaScript" type="text/javascript">var n=1; function next(){ n++; if (n>8) n=1; document.zone.src="zone"+n+".gif"; } function top(){ n; document.zone.src="zone1.gif"; } function back(){ n--; if (n<1) n=8; document.zone.src="zone"+n+".gif"; } </script> <a href="rosemary.html">→第１回上映<br /> 【ローズマリーの赤ちゃん】<br /> </a><a href="rosemary.html"><br /> </a><a href="brazil.html">→第２回上映<br /> 【ブラジルから来た少年】</a></p> <p><a href="yonimo.html">→第3回上映<br /> 【世にも怪奇な物語】</a></p> <p><a href="zone.html">→第４回上映<br /> 【デッドゾーン】</a></p> <p> </p> <p> </p> <p class="style2"><span class="style4">※あらすじは途中までですがネタバレの<br /> オソレあり！</span></p> <p class="style2"> </p> <p class="style2"><a href="../index.html">→へちまやTOPへ</a></p> <div align="left"> <div align="center" id="main"> <table border="0"> <tr> <td> <img src="zone1.gif" name="zone" width="450" id="zone" /></td> </tr> </table> </div> <div id="navi"> <form> <div align="center"> <p> <input type="button"value="前頁←" onclick="back()" /> <input type="button"value="表紙へ戻る" onclick="top()" /> <input type="button"value="→次頁" onclick="next()" /> </p> <hr /> <p><!-- #BeginLibraryItem "/Library/copyright.lbi" -->Copyright(C)2006 hechimaya. All rights reserved. <br /> 【掲載の記事・写真・イラストなどの無断複写・転載等を禁じます。】 <!-- #EndLibraryItem --></p> </div> </form> </div> </body> よろしくお願いいたします。
- hechima1
- お礼率91% (11/12)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<head> <script language="JavaScript" type="text/javascript"> var n=1; function next(){ n++; if( n > 8 ) n = 1; document.zone.src = "zone" + n + ".gif"; } function top(){ document.zone.src = "zone1.gif"; } function back(){ n--; if( n < 1 ) n = 8; document.zone.src = "zone" + n + ".gif"; } </script> </head> <body> <p> <img src="theatertitle.gif" alt="へちまや劇場" width="100" height="26"> </p> <p> <a href="rosemary.html">→第１回上映<br>【ローズマリーの赤ちゃん】<br></a> <a href="rosemary.html"><br></a> <a href="brazil.html">→第２回上映<br>【ブラジルから来た少年】</a> </p> <p><a href="yonimo.html">→第3回上映<br>【世にも怪奇な物語】</a></p> <p><a href="zone.html">→第４回上映<br>【デッドゾーン】</a></p> <p> </p> <p> </p> <p class="style2"><span class="style4">※あらすじは途中までですがネタバレの<br>オソレあり！</span></p> <p class="style2"> </p> <p class="style2"><a href="../index.html">→へちまやTOPへ</a></p> <div align="left"> <div align="center" id="main"> <table border="0"> <tr> <td> <img src="zone1.gif" name="zone" width="450" id="zone"> </td> </tr> </table> </div> <div id="navi"> <form> <div align="center"> <p> <input type="button"value="前頁←" onclick="back()"> <input type="button"value="表紙へ戻る" onclick="top()"> <input type="button"value="→次頁" onclick="next()"> </p> <hr> <p><!-- #BeginLibraryItem "/Library/copyright.lbi" -->Copyright(C)2006 hechimaya. All rights reserved. <br> 【掲載の記事・写真・イラストなどの無断複写・転載等を禁じます。】 <!-- #EndLibraryItem --></p> </div> </form> </div> </body> javascriptの関数などは head 部分で定義するのが一般的だと思うので移動させました。 あと、[img] [br] タグの最後にある「スラッシュ」 [br /]は、自分が無知でしたら教えていただきたいのですが。 あまり見たことがないので、消去しました。 n; と、無意味なことをやってる部分があったので消しました。 javascriptの中では、大文字小文字は重要です。 Zone と zone は違うものと判断されます。 質問者様のおっしゃるように、javascriptには問題があるようには見えないので ファイルの場所、ファイル名の指定間違い（大文字、小文字も含め） 等が考えられます。
その他の回答 (1)
- takoashi
- ベストアンサー率39% (21/53)
アップしたファイルと同一のフォルダに画像ファイルをアップしていますか？
お礼
一部、解決しました！ script自体に問題がないようなので、もう一度フォルダをみてみたのですが、画像ファイル名が大字になっていたので小文字にしてみたらIEでは正常に作動するようになりました。（safariではダメですが） 同じファイル（大字のまま）のがローカルサイトでは作動していたので、気にしてなかったのですが、 jaavscriptの中では統一しなければならなかったのでしょうか？ まあ、今は動くんだからいいじゃないのといわれればそうなんですが。
補足
返信ありがとうございます。 同じフォルダに画像とhtmlファイルを入れています
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
N0.1,NO2 様 今回はどうもありがとうございました。 ネットものはやはり几帳面さが大事ですね。 javascriptは初めてですが、使いようによってはファイルが少なくてすみ便利そうなので今後も作ってみようと思います。 ありがとうございました。