No.2ベストアンサー
- 回答日時:
ああ・・バナーでしたね。
そりゃリンクは必要ですね。いくつか方法はあると思いますが、とりあえずはimgsと同様に
urlsという配列をつくっておいて飛ばすのが妥当かと。
<html>
<head>
<script language=javascript>
window.onload=function(){
var imgs=new Array();
imgs[0]="image00.jpg"; //0が1月
imgs[1]="image01.jpg";
//・・・
imgs[11]="image11.jpg";//11が12月
var date=new Date();
document.getElementById('banner').src=imgs[date.getMonth()];
}
function jump(){
var date=new Date();
var urls=new Array();
urls[0]="http://www.google.co.jp"; //0が1月
urls[1]="http://www.yahoo.co.jp";
//・・・
urls[11]="http://www.goo.ne.jp";//11が12月
window.location.href=urls[date.getMonth()];
}
</script>
</head>
<body>
<img src="" id="banner" onClick="jump()">
</body>
</html>
ちなみに日付まで考慮しての意図がうまくつたわってきません。
○月○日~×月×日の間はこの画像・・・のような範囲で管理するのですか?
そうなると単純に月にひもづけた配列では管理しきれませんので、
画像(およびリンク)を一通り配列にしていしておき、
日付をもとに場合わけをしていく(ifとかswitch)ことになります。
若干面倒ではあります。
本当に丁寧にありがとうございます。
まずはやってみようと思います。
日付までの考慮とは、ご指摘のように○月○日~×月×日の間はこの画像・・・と言うことです。正直言って、画像の表示だけであまり複雑なスクリプトを使うのもどうだろうと思っていますので、現状では教えていただいた方法で何とかしてみようと思います。
またわからないことがありましたら教えてください。ありがとうございました。
No.1
- 回答日時:
javascriptを前提とするのであれば12個画像を用意しておいて
idで指定したimgタグのsrcを入れ替えればよいでしょう。
イメージはダミーを置いておいてもよいでしょう。
<html>
<head>
<script language=javascript>
window.onload=function(){
var imgs=new Array();
imgs[0]="image00.jpg"; //0が1月
imgs[1]="image01.jpg";
//・・・
imgs[11]="image11.jpg";//11が12月
var date=new Date();
document.getElementById('banner').src=imgs[date.getMonth()];
}
</script>
</head>
<body>
<img src="" id="banner">
</body>
</html>
ありがとうございます。
今回教えていただいた方法は月単位ですが、さらに日にちまで考慮することも可能でしょうか?また画像にはそれぞれ違うリンク先へのURLが必要だと言うことをお知らせすることを忘れていました。これらもご教授願います。よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS WEBサイト 画像の直接リンクについて 1 2022/11/16 10:41
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- WordPress(ワードプレス) ホームページの画像が入れ替わらない 3 2022/12/24 16:00
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- VR・AR YoutubeでVRゴーグル用の切り替えボタンが表示されない? VRゴーグル(中にスマホを入れるタイ 3 2022/10/20 10:27
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
フォームが空欄の時にフォーム...
-
Cookieに保存されない
-
ボタンを押したあとに画像を表...
-
二次元配列の全要素の全要素を...
-
初心者です。gulpでコンパイル...
-
HTMLタグに複数のクラスを設定...
-
フロントエンドフレームワーク...
-
sessionStorageを調べています。
-
jsで診断コンテンツのページ内...
-
メールフォームの日付入力フォ...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
var exports = exports || {}; ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
【javascript】ロールオーバー...
-
HPに複数の画像をクリックで切...
-
JavaScriptで画像置換えてクリ...
-
画像と文字を同時に切り替えたい
-
リンク切の場合リンクしない
-
画像の入れ替え
-
連続したURLへのwindow.openの...
-
javascriptによるランダム画像...
-
複数のボールの落下、バウンド...
-
戻り読みの代わりとなる正規表...
-
outlook2010の不具合で困ってい...
おすすめ情報