![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<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ベストアンサー
- 回答日時:
>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表示できないと思ってたんですけど、先ほどやったら上手くいきました。
もしかしたらアップロード関係で手違いがあったのかもしれません。
ともあれ、この件についてのご回答ありがとうございました。
No.1
- 回答日時:
質問の意味が今ひとつわからないんですが、
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では逆に表示されなくなりましたが、それ以外は何とかいけました。
ありがとうございました。
[]>
のやつは余計だったのでなかったことにしといてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
時間差で画像を動作させたいjav...
-
JavaScriptでの画像切り替えを...
-
jQueryでのドラッグアンドドロ...
-
Colorboxがうまく設置できません
-
JavaScript - 月ごとに画像変化
-
ツリー型の目次作成
-
jqueryで、後から追加した画像...
-
jQuery、画像を2箇所同時にロー...
-
画像の表示位置
-
商品画像リンク (image_link)...
-
マウスオーバーのメニューについて
-
ファイヤーフォックスでCSSが機...
-
タブ切り替えの初期表示について
-
2階層のメニューを作ってjQuery...
-
ワードプレスでレイアウトが崩...
-
jqueryを使って無駄なspanタグ...
-
javascriptでの画像の先読みに...
-
引数のある関数をhtml読み込み...
-
大至急!!HPビルダー16の専...
-
ロールオーバーで切り替えられ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
デフォルト非表示にしたい。【t...
-
jQueryで同じクラス名のものを...
-
Colorboxがうまく設置できません
-
jQueryでのドラッグアンドドロ...
-
bxsliderで最初に縦に複数表示...
-
Javascript初心者|jQueryの.va...
-
画像マウスオーバーで、checkb...
-
アップロードファイルの種類に...
-
複数bxsliderをタブで切り替え...
-
JavaScriptでの画像切り替えを...
-
サムネイルにカーソルを合わせ...
-
時間差で画像を動作させたいjav...
-
「画像クリックで音声再生」を ...
-
マウスオーバーにて画像に虫眼...
-
JavaScriptでクレイアニメ。ち...
-
VBAでIEを動かす場合、下記の①...
-
交互に入れ替わる画像を複数配置
-
JQueryでオープニングアニメー...
-
JavaScript/CANVASでの画像読込...
-
クリックでクリッカブルマップ...
おすすめ情報