まったく初心者ですが、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">→第1回上映<br /> 
【ローズマリーの赤ちゃん】<br />
</a><a href="rosemary.html"><br />
</a><a href="brazil.html">→第2回上映<br /> 
【ブラジルから来た少年】</a></p>
<p><a href="yonimo.html">→第3回上映<br />
 
【世にも怪奇な物語】</a></p>
<p><a href="zone.html">→第4回上映<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>

よろしくお願いいたします。

A 回答 (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">→第1回上映<br>【ローズマリーの赤ちゃん】<br></a>
<a href="rosemary.html"><br></a>
<a href="brazil.html">→第2回上映<br>【ブラジルから来た少年】</a>
</p>
<p><a href="yonimo.html">→第3回上映<br>【世にも怪奇な物語】</a></p>
<p><a href="zone.html">→第4回上映<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には問題があるようには見えないので
ファイルの場所、ファイル名の指定間違い(大文字、小文字も含め)
等が考えられます。
    • good
    • 0
この回答へのお礼

N0.1,NO2 様
今回はどうもありがとうございました。
ネットものはやはり几帳面さが大事ですね。
javascriptは初めてですが、使いようによってはファイルが少なくてすみ便利そうなので今後も作ってみようと思います。
ありがとうございました。

お礼日時:2008/04/24 21:38

アップしたファイルと同一のフォルダに画像ファイルをアップしていますか?

この回答への補足

返信ありがとうございます。

同じフォルダに画像とhtmlファイルを入れています

補足日時:2008/04/22 13:08
    • good
    • 0
この回答へのお礼

一部、解決しました!
script自体に問題がないようなので、もう一度フォルダをみてみたのですが、画像ファイル名が大字になっていたので小文字にしてみたらIEでは正常に作動するようになりました。(safariではダメですが)

同じファイル(大字のまま)のがローカルサイトでは作動していたので、気にしてなかったのですが、
jaavscriptの中では統一しなければならなかったのでしょうか? 

まあ、今は動くんだからいいじゃないのといわれればそうなんですが。

お礼日時:2008/04/22 20:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

今、見られている記事はコレ!

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ