지정된 날짜에 이미지 변경
본문
현재 요일, 정해진 시간별로 이미지가 변경되는 자바스크립트를 사용중입니다.
이 스크립트를 여러군데 사용하다보니 지정한 토요일과 일요일이 아닌 휴일(국가지정공휴일같은)에는 임의로 이미지를 변경해야해서 변경했다가 다시 복구하고 하는 것도 점점일이 되어가고 있습니다...
그래서 혹시 현재 사용중인 이 스크립트에서 광복절, 추석같은 임의날짜를 지정하여 이미지를 보여줄수 없을까요?
현재 사용중인 소스입니다.
<script language="JavaScript">
<!--
day=new Date() ;
var d = '<?=date('w')?>';
var x = '<?=date('H')?>';
if ((d == 6 && x >= 1) || d == 0) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_01.png">');
} else {
x=day.getHours() ;
if(x>=0 && x<11) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
} else
if(x>=11 && x<12) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else
if(x>=12 && x<13) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_03.png">');
} else
if(x>=13 && x<18) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_04.png">');
} else
if (x>=18 && x<24) {
document.write('<img src="<?=$g4['path']?>/img/qna_notice_02.png">');
}
}
//-->
</script>
이렇게 되어있는데 어린이날, 광복절, 추석같은 날짜를 지정하여 이미지를 따로 지정할수 있는 방법이 있다면 도움좀 부탁드립니다..ㅠㅠ
답변 2
<img src="" id="test" />
<script>
var DATE = new Date();
var Year = DATE.getFullYear();
var Month = DATE.getMonth() + 1;
var Day = DATE.getDate();
var Today = Year + "-" + Month + "-" + Day;
var Holidays = {
"2014-8-14" : "http://pagead2.googlesyndication.com/simgad/12146247908501250763",
"2014-8-15" : "http://pagead2.googlesyndication.com/simgad/13177216673612256820",
"2014-8-16" : "http://pagead2.googlesyndication.com/simgad/3815350622856322910"
}
if(Holidays[Today]) {
document.getElementById("test").src = Holidays[Today];
}
</script>
js로는 힘드네요.
차라리 php가 편한데.
!-->늦은시간까지 고생이 많으십니다...ㅜㅜ
자꾸 질문해서 죄송하고 답변주셔서 감사합니다 (__
된다면 서버시간을 가져오고 싶어서....
var d = '<?=date('w')?>';
var x = '<?=date('H')?>';
전에 이 소스로 유추해서 내맘대로
var tYear = <?=date('y')?>;
var tMonth = <?=date('m')?> + 1;
var tDate = <?=date('d')?>;
var tDay = <?=date('w')?>;
var tHour = <?=date('h')?>;
이렇게 해봤는데 역시나 안되네요... 년,월,일은 어찌해야하는건지...
에고 자꼬 귀찮게 해드려서 죄송합니다..ㅠㅠ