rps
Уже сам разобрался.
Описание кода.
1. До наступления нового года.
Показывает сменяющуюся каждый раз картинку.
Имеется надпись: "До нового года осталось" и бегущий счётчик с днями, часами, минутами, секундами.
2. После наступления нового года.
По-прежнему показывает сменяющуюся каждый раз картинку.
Имеется надпись: "С новым 2011 годом!!!".
<!-- Часы --> <div align=center> <script language="JavaScript"> a = new Array(10); a[0] = '<IMG border=0 src="Адрес картинки №1">'; a[1] = '<IMG border=0 src="Адрес картинки №2">'; a[2] = '<IMG border=0 src="Адрес картинки №3">'; a[3] = '<IMG border=0 src="Адрес картинки №4">'; h = Math.round((Math.random()*3)); document.write(a[h]); </script> </div> <script language='javascript' type='text/javascript'> function fulltime () { var time=new Date(); var newYear=new Date("jan,01,2011,00:00:00"); var totalRemains=(newYear.getTime()-time.getTime()); if (totalRemains>1){ var RemainsSec = (parseInt(totalRemains/1000)); var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); var secInLastDay=RemainsSec-RemainsFullDays*24*3600; var RemainsFullHours=(parseInt(secInLastDay/3600)); if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; var secInLastHour=secInLastDay-RemainsFullHours*3600; var RemainsMinutes=(parseInt(secInLastHour/60)); if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; var lastSec=secInLastHour-RemainsMinutes*60; if (lastSec<10){lastSec="0"+lastSec}; document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн.</span>"; document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час.</span>"; document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин.</span>"; document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек.</span>"; setTimeout('fulltime()',10) } else{ document.getElementById("clock").innerHTML="<b>C НОВЫМ 2011 ГОДОМ!!!</b>"; } } </script> <style type='text/css'> #clou_xs {position:relative;width:160px;background:no-repeat} #clock {position:relative;bottom:130px;text-align:center;color:#1d65a8;font-size:10px;} #RemainsFullDays {position:absolute;bottom:-127px;left:5px;font-size:11px;color: #ff0000;} #RemainsFullHours {position:absolute;bottom:-127px;left:40px;font-size:11px;color: #ff0000;} #RemainsMinutes {position:absolute;bottom:-127px;left:80px;font-size:11px;color: #ff0000;} #lastSec {position:absolute;bottom:-127px;left:120px;font-size:11px;color: #ff0000;} #Rem {font-size:9px;font-weight:normal;color:#1d65a8;} </style> <div id='clou_xs'> <div id='clock'><b>До Нового Года осталось:</b><br> <span id='RemainsFullDays'></span> <span id='RemainsFullHours'></span> <span id='RemainsMinutes'></span> <span id='lastSec'></span> </div> </div> <script language='javascript'>fulltime();</script> <!-- END Часы -->
Посмотреть можно здесь: http://test29.mybb.ru/
Чтобы увидеть состояние счётчика после наступления нового года переведите часы на своём компьютере.
Настройки заточены под конкретный размер изображения: 160*117. Если у вас другие картинки, отлаживайте <style type='text/css'>...</style> дополнительно.
Если вы увеличиваете количество картинок, следите, чтобы в этой строчке "h = Math.round((Math.random()*3));" число соответствовало числу картинок, уменьшенному на 1.