Troca de imagem por hora

[Pepino]

Bom dia galera, acompanho o forum a algum tempo mas me cadastrei hoje então tou precissando da ajuda de vocês

Estou fazendo um site para uma radio: www.iomerefm.com.br/novo

Tenho que fazer uma imagem trocar por outra por hora como diz na programação da radio, é uma imagem de 180x26 que irei colocar no player e vai mudar dizendo o programa e o locutor que esta fazenbdo o programa

so estou sem a minima ideia por onde começar então me ajudem

Horário Programa

00:00 às 06:00 Programação Musical

06:00 às 08:00 Café da Manha

08:00 às 11:00 Cidade Aberta

11:00 às 12:00 As 10 Mais

12:00 às 12:30 Jornal 104

12:30 às 14:00 Deixa Rolar

14:00 às 17:00 Clube do Ouvinte

17:00 às 18:00 As 10 Mais

18:00 às 18:10 Ave Maria

18:10 às 19:00 Musical Chama Viva

19:00 às 20:00 A Voz do Brasil

20:00 às 22:00 Freqüência 104

22:00 às 00:00 Programação Musical

esta é a programação em dia de semana

e essas é do final de semana:

Sabado:

Horário Programa

00:00 às 06:00 Programação Musical

06:00 às 08:00 Café da Manha

08:00 às 11:00 Cidade Aberta

11:00 às 12:00 As 10 Mais

12:00 às 12:30 Jornal 104

12:30 às 14:00 Deixa Rolar

14:00 às 15:00 Clube do Ouvinte

15:00 às 17:00 Bate Papo

17:00 às 18:00 As 10 Mais

18:00 às 18:10 Ave Maria

18:10 às 19:00 Musical Chama Viva

19:00 às 22:00 Freqüência 104

22:00 às 08:00 Programação Musical

Domingo:

Horário Programa

00:00 às 08:00 Programação Musical

08:00 às 12:00 Domingão Gaúcho

12:00 às 13:00 Musical Evangélico

13:00 às 00:00 Programação Musical

Então me deem uma mão pretendo criar uma <iframe> em uma das tabela do player que por enqto esta assim:

<style>
body{
 background-image:url('img/fundo.gif');
 width:770px;
 margin:0 auto;
 overflow:none;
 text-align:center;
 font-family: tahoma;
 font-size:12px;
 color:#7a7a7a;
}

#pl{
 position:relative;
 top:0;
 left:0;
 width:770px;
 text-align:left;
}
</style>
<div id="pl">
 <table border='0' cellpadding='0' cellspacing='0' style='text-align:center; width:100%; color: #BF5F06; font-size: 9px;'>
 <tr>
 <td width='40'> </td>
 <td width='33'><a href='play.php' target='_pl_'><img src='img/play.png' alt='Play' width="29" height="29" border='0' /></a></td>
 <td width='25'><a href='stop.php' target='_pl_'><img src='img/stop.png' border='0' alt='Stop' /></a></td>
 <td width='53'>       Volume:</td>
 <td width='20'><a href='java script:DownVolumeClick();'><img src='img/menos.png' border='0' alt='Diminuir' /></a></td>

 <td width='20'><a href='java script:UpVolumeClick();'><img src='img/mais.png' border='0' alt='Aumentar' /></a></td>
 <td width='126'><td width="77">Ou&ccedil;a tambem no:</td><td width="1"></td>
 <td width='35'><a href='http://www.streaming10.brlogic.com/castcontrol/playlist.php?id=44'><img src='img/winamp.png' border='0' alt='Winamp' /></a></td>
 <td width='35'><a href='http://www.streaming10.brlogic.com/castcontrol/playlist.php?id=44&type=asx'><img src='img/wmp.png' border='0' alt='Windows Media Player' /></a></td>
 <td width='35'><a href='http://www.streaming10.brlogic.com/castcontrol/playlist.php?id=44&type=ram'><img src='img/real.png' border='0' alt='Real Player' /></a></td>
 <td width='226'><iframe src="progratroca.php" width="180" height="26" </td>
 <td width='44'> </td>
        </tr>
 </table>
</div>
<iframe style='visibility:hidden;' name='_pl_' src='play.php' frameborder='0'></frame>

e criar um novo arquivo .php chamado "programatroca.php" e la vai ficar as informações de troca.. mas qual seria o codigo que devo usar para fazer isso ou é outra linguagem de programação

não pretendo manter as imagens em banco de dados.. se possivel me mandar o codigo base para editar eu agradeço muito

Espero que me ajudem ;D

Abraço!

Editado Maio 24, 2010 por Pepino

[Gabriel Salgueiro]

Seguinte..você pode usar um script que troca a imagem, o problema é que só troca depois de um determinado tempo e se a pessoa passar o mouse em cima

Visite o link:

http://malsup.com/jquery/cycle

Não sei se será muito viável, já que foi desenvolvido para intervalos de tempos curtos(5s), mas não custa tentar!

Abraços