Montar una Imagen

mario798 · #1 (**permalink**) 06/08/2009, 04:35

Hola buenas me gustaria saber como puedo poner encima de esta imagen otra.

Código HTML:

this.imagen['src']=RUTA_IMG + this.forma + this.numPersonas + 'a' + '.png';

Esto es una mesa y lo que quiero es poner encima un cigarrillo FUmador.png.
Hay alguna forma ??

Saludos

GatorV · #2 (**permalink**) 06/08/2009, 07:47

Tema trasladado desde AJAX

sweetlydark · #3 (**permalink**) 06/08/2009, 11:11

No especificas si quieres reemplazar el imagen de la mesa (con uno de una mesa con el cigarro) o si quieres colocar el nuevo imagen (cigarro solo) sobre el viejo imagen (mesa sola).

Pero esto te debe de ayudar:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Reemplazo - Por encima</title>
<meta name="sweetlydark" content="http://aeinbetween.com/" >
<script>
function Reemplazar(){
	var x=document.getElementById("imagen");
	x.src = "tuImagen2.GIF"; //asumiendo que tu foto esta en el mismo directorio que tu pagina sino coloca su direccion
}

//tomado y modificado de http://stackoverflow.com/questions/226847/what-is-the-best-javascript-code-to-create-an-img-element
function img_create(src, alt, title, id) {
    var img= document.all? new Image() : document.createElement('img');
    img.src= src;
	img.style.position = "absolute"; //para colocar el image por encima
    if (alt!=null) img.alt= alt;
    if (title!=null) img.title= title;
	if (id!=null) img.id = id;
    return img;
}

function PorEncima(){
	var x=document.getElementById("imagen");
	var y=img_create("tuImagen2.GIF", "", "","");
	document.getElementById("divtest").insertBefore(y, x); //si no usas insertBefore el imagen quedara debajo del inicial
}
</script>
</head>
<body > <!--El es necesario para poder usar insertBefore-->
<div id="divtest"><img id="imagen" src="tuImagen.GIF"></div> 
<input type="button" value="Reemplazar" onclick="Reemplazar();">
<input type="button" value="Por Encima" onclick="PorEncima();">
</body>
</html>