Buenas chicos de nuevo! sigo trabajando y siguen los problemillas :)
Sigo con el carrito de compra, y he programado un módulo dinámico donde en el caso de que existan más de 1 foto referente a un artículo puedas ir viendolas con tan solo pulsar un icono "+". El problema es que este icono está dentro de una tabla que tiene como fondo la imagen del artículo.
Ahora lo que no consigo es cambiar el fondo de una tabla con javascript.
Os pongo aquí el código.
Código Javascript
Código:
<script>
var i=1;
function cambiar() {
if (i == 1){
document.getElementById('foto_articulo').background="scripts/thumb.php?ruta=/home/www/XXXX/articles/111_1.jpg&ancho=211&alto=282"
i=2;
}
if (i == 2)
{
document.getElementById('foto_articulo').background="scripts/thumb.php?ruta=/home/www/XXXX/articles/111_2.jpg&ancho=211&alto=282"
i=1;
}
}
</script>
Código HTML
Código:
<table width="211" height="282">
<tr>
<td id="foto_articulo" background="scripts/thumb.php?ruta=/home/www/XXXX/articles/111_1.jpg&ancho=211&alto=282">
<table width="211" height="282">
<tr>
<td valign="top" align="right"><img src="imagenes/mas.png" onClick="javascript:cambiar()">
</td>
</tr>
<tr>
<td valign="bottom" align="right">
<img src="imagenes/lupa.png" border="0" onClick="javascript:popUp('scripts/show.php?src=../articles/111_1.jpg',211,282)">
</td>
</tr>
</table>
</td>
</tr>
</table>
Aquí está la página:
http://XXXX/
Este es un ejemplo concreto:
http://XXXX/articulo.php?ref=111
¿Se puede hacer eso? o que alternativa me proponeis? (pensé en escribir encima de la imagen y crear un area encima pero me parecía muy enrevesado)
O con hojas de estilo, pero tb es un poco coñazo,¿no?
Gracias amigos :)
Raúl