Estoy haciendo una mini app para mi web para poder cambiar el color de fondo y el color de la imagen.
Hasta ahora me ha trabajado bien usando un archivo flash con sus capas. Pero me falla al cargar la imagen. Me queda descentrada.
Lo que quiero hacer es pasar todo esto hecho en flash a capas div.
Lo que haré es:
- Capa fondo (se le cambia el color del fondo)
- Capa imagen (se le carga la imagen del producto y se le modifica el color <esto no sé cómo hacerlo>)
De momento tengo unas funciones javascript que me almacenan el color pulsado:
Código PHP:
function color(c, tcolor){
col = c;
textoColor = tcolor;
document.getElementById("color").value=tcolor;
cargarFlash();
}
function fondo(f){
fon = f;
cargarFlash();
}
function cargarFlash(){
var flashvars = {color: col, fondo: fon};
var params = {};
var attributes = {};
swfobject.embedSWF( "productos/flash.swf", "prod_swf", "322", "322", "9.0.0", "", flashvars, params, attributes);
}
Los divs que he creado son estos:
Código PHP:
.fondo{width: 322 px; height: 322 px; background: #<?php echo $fondo ?>')}
.imagen{width:322 px, height:322px; background: url('productos/imagenes/<?php echo $imagen ?>')}//+ lo de seleccionar color imagen Código HTML:
//Color de la imagen <a name="Negro" href="javascript:color(#000, 'Negro')"></a> <a name="Blanco" href="javascript:color(#FFF, 'Blanco')"></a> // Color del fondo <a name="Blanco" href="javascript:fondo(#FFF)"></a> <a name="Negro" href="javascript:fondo(0x000000)"></a>
