まったく初心者ですが、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で質問しましょう!

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

  • カウントダウンしたいことある?

    大晦日は、2011年最後の1日です。天皇陛下が「心の重い年」と表現されたように、3月11日の未曽有の大惨事は本当に大変な出来事でした。今年の漢字として選ばれた「絆」が我々にとって大切なものであると強く感じさせ...

  • 【長谷川豊】今は「与党だ」「野党だ」と言ってる場合じゃないんじゃないか?

    まぁしょうがない部分があることは理解していますが、昨日(日曜日)の「報道2001」に与野党の政策の要となる人間達が顔をそろえ、EUの離脱に関する話題について討論をしていました。 もちろん、色んな意見があるこ...

  • エルフ田さん:第78話「喫煙者のイメージ」

    エルフ(ファンタジーとかに出てくる長寿の種族)の「エルフ田」と、ただの人間である女子社員2人による日常ギャグ。エルフならではのズレたツッコミでバシバシ人間界の話題を斬っていきます。

  • たまランチ:第55話「日の丸弁当」

    外ランチを愛してやまない元気な女子社員・たまちゃん(26)。オシャレなお店より「安くておいしい」お店が大好き! そんな女子力低めなたまちゃんの、色気より食い気な日々をつづります。

  • 若くても“おばさん化”してしまうってどういうこと?

    電車内で大声を出して談笑したり、スーパーで列に割り込んだりするなど、遠慮のない行動を取るおばさんたちを見ることがある。そんな時、筆者はこう考えてしまう。「彼女たちもうら若き乙女の時代から、今のような行...

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

お題をもっとみる


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

おすすめ情報

カテゴリ