hola!
Tengo un pequeño problema, pasa que estoy haciendo una pagina para una muebleria, en la quese muestran los diferentes muebles que tiene, es decir muestra la recamara y sus componentes. El punto es que hay una parte en la que necesito hacer un rollover, en donde esten unos preview de los componentes dela recamara por ejemplo, entonces pues, se me hizo mas sencillo y sano ponerlo como background, que encimar dos tablas y ponerlo como imagen. Con los ejemplos que uds pusieron pues ya lo pude, hacer, el problema es que pongo un onMouseOver sobre cada componente para que este sea mostrado como backgruond de la celda y envio su ruta de componente, pero no.. me lo pone en blanco, y la verdad no entiendo porque...
He aqui el codigo:
en JavaScript
:
function Cambia_Imagen(imagen)
{
document.getElementById('foto1').style.backgroundI mage ="url("+imagen.src+")";
}
en HTML:
<table width="530" height="380" cellspacing="20" cellpadding="0" border="1">
<tr>
<td style="background: url('<?php echo $ruta;?>') no-repeat center"
width="510" height="360" bordercolor="#FFFFFF" id="foto1">
<!-- Aqui van los componentes, los saco de la BD con php -->
<table align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="55" height="55" valign="top">
<img src="<?php echo $rutacom;?>" border="0"
width="55" height="55"
onMouseOver="Cambia_Imagen('<?php echo $rutacom;?>');">
</td>
</tr>
</table>
</td>
</tr>
</table>
un ejemplo de la ruta del componente seria:
"/muebles/Salas/Telas/SalaLichen/SofaLichen.jpg"
No se, creo que en la funcion cambia imagen, el "imagen.src", no esta bien
Salu2!.. y de antemano, GRACIAS!