html内に順番に表示するリンクを作成しようとhttp://q.hatena.ne.jp/1143558894を参考に記述しました。
制作を行ったPC(IE8,sp2)では上手く表示されたのですが、他のPC(IE6,sp3)で確認すると
リンクの画像が表示されませんでした。
他のPCでも表示したいのですが、何か良い方法はないでしょうか?
初心者な質問かもしれませんが、よろしくお願いします。
手元にIE6が無いので確認できませんが、IE8, Firefox, chrome ではOKでした。
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <html> <input type=button value="次へ" onclick="nextimg();"> <br> <img src="" id=theimg /> </html> <script> var imgs=[ "http://t1.gstatic.com/images?q=tbn:dHCJeROO8VMe1M", "http://t0.gstatic.com/images?q=tbn:RW2UOfv6cVNa_M", "http://www.hakusensha.co.jp/hbstation/blog/gazo/%E9%BA%BB%E7%94%9F%E4%B9%85%E7%BE%8E%E5%AD%90%E3%82%BF%E3%83%86.jpg", "https://gazoo.com/G-Blog/UserData/Community/Img/blog/MYCARINA/20080922_0/%E9%BA%BB%E7%94%9F.JPG", "http://image.blog.livedoor.jp/booq/imgs/1/3/13c151c3.jpg" ]; var i=0; theimg.src=imgs[i]; function nextimg(){ if(i<imgs.length-1)i++; else i=0; theimg.src=imgs[i]; } </script>
javascriptを外部ファイルにしたいのであれば、<script>....</script>の中身をxxxxxxxxxx.js に書き、
<script type="text/javascript" src="http://xxxxxxxxxxx/xxxxxxxxxx.js"></script>
とすれば良いと思うんですが。
コメント(5件)
WEBにアップして確認しているのでしょうか?
それともローカルで確認しているのですか?
画像指定のパスはどのように指定しましたか?
指定した場所に画像はありますか?
すべての画像が表示されないのですか?
詳細な情報があった方が、回答が付き易いと思います。
※HTMLとjavascriptのコードも提示した方が良いかもしれません。
「画面をクリックする度順番に」の方がブラウザの種類で困ることが少ないかもです。
>>rouge_2008様
回答を少し変更して利用しています。
・<head>内のJavaScriptを外部ファイルにして読み込む形にしています
・下記のように、リンク画像は複数表示されるようにしています
【リンク1】(var link1配列内のurlとvar img1配列内の画像データを順番に表示)
【リンク2】(var link2配列内のurlとvar img2配列内の画像データを順番に表示)
【リンク3】(var link3配列内のurlとvar img3配列内の画像データを順番に表示)
また、確認はWEB上で行っており、画像の指定はimg/banner.gifのような相対パスで指定しています。
制作を行ったPCでは全ての画像が表示されますが、他のPCでは何も表示されません。
>>neuromancer_sho様
画像が順番に切り替わればいいので、リロードするたびというわけではありません。
「画面をクリックする度順番に」とは、別ページへ飛ぶたびにということでしょうか?
方法を探してみます。
ただ、出来れば外部ファイルを読み込む形にしてページ内の記述を減らしたいのですが・・・。
引き続き調べてみます。
ありがとうございました。