- ベストアンサー
JavaとWEB初心者による試行錯誤
- JavaとWEBの初心者が一人でWEB開発を行っていて困っています。
- 他の人が作成したJavaデータを利用しようとしていますが、一部の画像が表示されません。
- どのようなミスが考えられるのでしょうか？
- kotekote2010
- お礼率33% (1/3)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
省略されている部分があるので、なんともいえませんが、 コピーした時、<div></div>等の入れ子構造を間違ったりしてませんか？ <div id="image-cap">とか<div id="image-Sall"> のようにid属性がダブるのは文法違反です。idはユニークにします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> なら <html lang="ja"> でよいでしょう。 HTMLの文法の間違いは、Anothr Html-lint↓に貼り付けてチェックすると、解説付き でチェックしてくれます。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html javascriptは提示されてる部分に限っては短いし、間違いは無いような．．． onmouseover="if(document.images) document.images['IMG_6'].src='22img/fg6001.JPG';" 同じですよね。 一つのjavascript関数にまとめちゃった方が、いっぱい書かなくてすむけど。 .... onmouseover="chgimg(this);" <script type="text/javascript"> function chgimg(simg){ document.images['IMG_6'].src = simg.src.replace(/.+(s)\..+/,""); } </script>
その他の回答 (2)
- kotekote2011
- ベストアンサー率0% (0/2)
すみません。質問者：kotekote2010です。 質問するために、上記のIDをとったのですが、ログアウトしてから入れなくなってしまい、 今問い合わせ中です。 再度、違うIDを作成して今ログインしているので、お礼については、返事が戻り次第対応させてください。 yyr446様、 とてもわかりやすいご返答ありがとうございます。 文法チェックができるところを探していたので、とてもうれしいです。 さっそくチェックしました。 解説があるのはとてもうれしいですね。何が違うのか納得できますし(^^) 本当にありがとうございました。 いただいた文で、質問ができました。 「一つのjavascript関数にまとめちゃった場合」、htmlの置き方は、どうなりますか？ 特にお教えいただいた .... onmouseover="chgimg(this);" は、どこにどのようにおくのでしょうか？ 質問が初歩的だと我ながら思います・・・が、重ね重ね申し訳ありません。よろしくお願い致します。 ちなみに、今は下記の状態になっていますが、 やはり、2つめのfg6で始まる方のデータの、fg6001～fg6004までが表示されていません。 ------------------------ <div class="event-all-imgs "> <div class="tab1">●●</div> <div id="midashi1">●●●●</div> <div id="tab-midashi"> ●●●●●● <script type="text/javascript"> function chgimg(simg){ document.images['IMG_5'].src = simg.src.replace(/.+(s)\..+/,""); } </script> <!-- L画像 --> <div class="wap_l"> <img src="22img/fg5000.JPG" width="300" height="306" border="0" name="IMG_5" alt="fg5000"></div> <!-- コメント --> <div id="image-cap"> <p>●●●●●●</p> ●●●●●●●●●●●●●●●● </div> <!-- S画像 --> <div id="image-Sall"> <center> <img src="22img/fg5001s.JPG" alt="fg5001" onmouseover="if(document.images) document.images['IMG_5'].src='22img/fg5001.JPG';"> ～～中略（以下5008まで続く）～～ <img src="22img/fg5008s.JPG" alt="fg5008" onmouseover="if(document.images) document.images['IMG_5'].src='22img/fg5008.JPG';"> ---------から-------までを、COPYし、fg5→fg6、['IMG_5']を['IMG_6']に修正した。 何度もすみません。 ここまでくるのに、色々な、配布されているjsデータを組み込んでみたのですが、 すべて同じ状態になってその部分だけみれませんでした。 一つのイベント事にマウスオンで別画像というふうに区切りたかったのですが、 一つのイベントでまとめてあるサンプルは多くても、 ２～３個のイベントごとに、別画像で区切るタイプという応用みたいなものが無かったので 単純にコピー＆ペーストでいいのかと思ってたのですが、 今回みたいな（同じページの中で、似たような同じ命令文で、チームわけみたいなことをする場合）には 何か特別な行程とか約束事とかがあるのでしょうか？
- yyr446
- ベストアンサー率65% (870/1330)
表示されないのは fg6001.JPG～fg6004.JPGの画像ファイルが、/22img/ 内に存在しない からでは、 ファイル名のミスとかしてませんか！ （UNIX系だと英語大文字と小文字は区別されますよ） 英文字だから関係ないと思うけど <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> なぜ、二つあるのじゃ、最初のは無視されるはず。 それに、HTML4.01トラディショナルのDOC宣言に対して <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> もおかしいぞっと！（関係ないけど）
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
早速ご返答くださいましてありがとうございます。 まず、 fg6001.JPG～fg6004.JPGの画像ファイルは、/22img/ 内に存在してます。 最初データが壊れているのかとおもい、何度も確認していますので。 大文字小文字の区別も大丈夫でした。 meta～に関する表記は、これずっと迷っていたものです。 やはり、いらないのですね。 ありがとうございます。早速とらせていただきます。 そして、 HTML4.01～の宣言は、私がDreamWeaverで上書きしたのですが、 下の、<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> が、以前のデータで記入してあり、こちらもどうしたものかと迷っていたものです。 とっても問題ないということでよろしいでしょうか。 ご指摘は、本当にうれしいです。 こちら、質問出来る人がいない環境化なので、心から感謝いたします。