Ayuda con música en web

[dwhite]

Buenas, necesito algo de ayuda para terminar una web.

Está todo programado en XHTML y CSS, pero el cliente quiere música de fondo.
He preparado un archivo SWF en Flash con la música, el cual he incorporado después al código HTML del index.

Hasta ahí funciona perfectamente, pero el problema es que cuando pinchas en el menu y te vas a cualquier otra página del sitio web, la canción se corta, y si incluyo el código en esa otra página, empieza de nuevo desde el principio.

¿Hay alguna forma de que la música empiece al cargar INDEX.HTML y continue todo el tiempo que el usuario esté visitando la página independientemente de que página del sitio esté navegando?

He probado usando dos frames, uno para toda la pagina y otro solo para la música. En principio funciona bien, pero si vuelves a index, te recarga la canción, sonando dos veces una sobre otra.

Os agradezco vuestra ayuda, ya que me tiene un poco loco todo este tema y es lo único que me queda para terminar la web y poder entregarla.

Gracias de antemano por cualquier sugerencia, un saludo

[raxper]

mira hay dos formas de hacerlo, uno es con 2 iframe

Iframe 1 = Tenga el Reproductor
Iframe 2 = Tenga el fondo de página


Iframe 2 = todo se cargue en _Self se cargará ahi nomás y no cargará en toda la página :)!


Otra forma de hacerlo es que cada documento se cargue en un DIV, 1 ejemplo

Código Javascript:

<script>
function lala(opcion){document.getElementById('div').innerHTML = opcion.name}
</script>
 
<a onclick="lala(this)" name="<iframe src='http://google.com.pe' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 300px; height: 100px;" src="http://www.google.com.pe/intl/en_com/images/srpr/logo1w.png" alt="" border="0" /></a>
 
 
<a onclick="lala(this)" name="<iframe src='http://pe.yahoo.com/?p=us' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 202px; height: 100px;" src="http://l.yimg.com/a/i/ww/met/logo/20100503/yahoo_logo_pe.png" alt="" border="0" /></a>
 
 
<table><tr><td>
<div align="left" id="div"></div></td><td align="right"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/VR_Tj4R_kn0?fs=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VR_Tj4R_kn0?fs=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></td>