JavaScript - 月ごとに画像変化

<script type="text/javascript">
<!--
var myimg = new Array();

myimg[0] = '<img src="a.jpg" alt="a.jpg" width="477" height="33">';
myimg[1] = '<img src="b.jpg" alt="b.jpg" width="477" height="33">';
myimg[2] = '<img src="c.jpg" alt="c.jpg" width="477" height="33">';
myimg[3] = '<img src="d.jpg" alt="d.jpg" width="477" height="33">';
myimg[4] = '<img src="e.jpg" alt="e.jpg" width="477" height="33">';
myimg[5] = '<img src="f.jpg" alt="f.jpg" width="477" height="33">';
myimg[6] = '<img src="g.jpg" alt="g.jpg" width="477" height="33">';
myimg[7] = '<img src="h.gif" alt="h.jpg" width="477" height="33">';
myimg[8] = '<img src="i.jpg" alt="i.jpg" width="477" height="33">';
myimg[9] = '<img src="j.jpg" alt="j.jpg" width="477" height="33">';
myimg[10] = '<img src="k.jpg" alt="k.jpg" width="477" height="33">';
myimg[11] = '<img src="l.jpg" alt="l.jpg" width="477" height="33">';

var mynow = new Date();
var mymonth = mynow.getMonth();
document.write("<center><img 'src="+myimg[mymonth ]+"'></center>");
//
--></script>

このようなものをHTML属性のBODY内に入れて、月ごとに画像を変化させるということを実現しています。
画像の変化自体はうまくいってますが、ブラウザの多くは

[a.jpg]'>

（"["と"]"は画像の端）という風に、右端に文字が出てしまいます。
試しに、2つの"'"を消せば

[]>

という風に、画像が見つからない×印がついて表示も出来ません。
文字が出ないようにするにはどう対応するのでしょうか。
詳しい方アドバイスお願いします。

ちなみにJavascriptにこだわらず、月ごとに画像が変化できれば何でもいいです。

No.2 ベストアンサー 回答者： mikemike7 回答日時： 2011/06/26 02:32

>IEでは逆に表示されなくなりましたが、それ以外は何とかいけました。

試してみましたが、私の環境ではちゃんと表示されました。

ひとつひとつIMGタグを入れると間違っても気づきづらいですし、
無駄に記憶領域が増えてしまうので、以下のようにしたほうが
間違いも少なくなると思いますよ。

var myimg = ["a","b","c","d","e","f","g","h","i","j","k","l"];
var mynow = new Date();
var mymonth = mynow.getMonth();
document.write("<center><img src=\""+myimg[mymonth]+".jpg\" alt=\""+myimg[mymonth]+".jpg\" width=\"477\" height=\"33\"></center>");

さらにwidthとhightをCSSで指定してあげればもっとシンプルになります。

この回答へのお礼

IE表示できないと思ってたんですけど、先ほどやったら上手くいきました。
もしかしたらアップロード関係で手違いがあったのかもしれません。

ともあれ、この件についてのご回答ありがとうございました。

お礼日時：2011/06/27 17:44

No.1 回答者： mikemike7 回答日時： 2011/06/26 01:07

質問の意味が今ひとつわからないんですが、

myimg[mymonth]にはすでに
<img src="*.jpg" alt="*.jpg" width="477" height="33">
というものが入っているのに、
document.write("<center><img 'src="+myimg[mymonth ]+"'></center>");
とすると、
<center><img 'src=<img src="*.jpg" alt="*.jpg" width="477" height="33">'></center>
となるので、HTMLとしておかしくなります。

document.write("<center><img 'src="+myimg[mymonth ]+"'></center>");
は
document.write("<center>"+myimg[mymonth ]+"</center>");
とするべきかと。

この回答へのお礼

プログラムの意味を理解していませんでしたが、そういう単純なことだったんですね。
IEでは逆に表示されなくなりましたが、それ以外は何とかいけました。
ありがとうございました。

[]>
のやつは余計だったのでなかったことにしといてください。

お礼日時：2011/06/26 01:47