javascriptについて質問です。

html内に順番に表示するリンクを作成しようとhttp://q.hatena.ne.jp/1143558894を参考に記述しました。
制作を行ったPC(IE8,sp2)では上手く表示されたのですが、他のPC(IE6,sp3)で確認すると
リンクの画像が表示されませんでした。
他のPCでも表示したいのですが、何か良い方法はないでしょうか?
初心者な質問かもしれませんが、よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2009/12/01 21:00:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:neuromancer_sho No.1

回答回数28ベストアンサー獲得回数3

ポイント10pt

手元に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> 

とすれば良いと思うんですが。

  • id:rouge_2008
    ベストアンサー(aki73ixさん)の回答をそのまま利用したのでしょうか?
    WEBにアップして確認しているのでしょうか?
    それともローカルで確認しているのですか?
    画像指定のパスはどのように指定しましたか?
    指定した場所に画像はありますか?
    すべての画像が表示されないのですか?
    詳細な情報があった方が、回答が付き易いと思います。
    ※HTMLとjavascriptのコードも提示した方が良いかもしれません。
  • id:neuromancer_sho
    リロードする度にじゃなきゃ駄目なんでしょうか?
    「画面をクリックする度順番に」の方がブラウザの種類で困ることが少ないかもです。
  • id:lily0717
    コメントありがとうございます。

    >>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様
    画像が順番に切り替わればいいので、リロードするたびというわけではありません。
    「画面をクリックする度順番に」とは、別ページへ飛ぶたびにということでしょうか?
    方法を探してみます。
  • id:lily0717
    いろいろとためしてみた所、<head>内のJavaScriptを直接書き込むことでと表示することが出来ました。
    ただ、出来れば外部ファイルを読み込む形にしてページ内の記述を減らしたいのですが・・・。
    引き続き調べてみます。
    ありがとうございました。
  • id:neuromancer_sho
    var imgs= の行だけhead内に書き、それ以外を外部ファイルにすれば汎用性が増します。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません