※ ChatGPTを利用し、要約された質問です(原文:JavaScript - 月ごとに画像変化)
JavaScriptで月ごとに画像変化を実現する方法とは?
このQ&Aのポイント
JavaScriptを使用して月ごとに画像を変化させる方法について説明します。
画像の変化はうまくいっていますが、ブラウザ上で文字が表示される問題が発生しています。どのように対応すれば文字が表示されないようにすることができるでしょうか。
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にこだわらず、月ごとに画像が変化できれば何でもいいです。
お礼
IE表示できないと思ってたんですけど、先ほどやったら上手くいきました。 もしかしたらアップロード関係で手違いがあったのかもしれません。 ともあれ、この件についてのご回答ありがとうございました。