Mostrar Imagenes: Problema AYUDA!

bokzertq · #1 (**permalink**) 08/02/2007, 11:49

Hola soy nuevo en lo que es javascript y estoy haciendo un juego de blackjack con imagenes.
El problema es que para mostrar las imagenes que tengo en la carpeta uso esta sentencia

document.write('<img src=laimagen.png style="position:absolute; top:100; left:50">');

al usar esto todo el diseño que tenia de fondo desaparece al igual que los botones y unas layers o capas con texto.

Podrian decrime que sentencia es la correcta parra mostar la imagen que se guarda en la carpeta y como podria asignarle una posición. Muchas Gracias

bookmaster · #2 (**permalink**) 08/02/2007, 16:36

Prueba a ponerlo después del resto del código, así se dibuja todo y eso se dibuja después.

Ejemplo:

Código HTML:

<body>
<div>Aki tu codigo</div>
<script language="javascript">
document.write("aki el script");
</script>
</body>

bokzertq · #3 (**permalink**) 08/02/2007, 18:16

Sigue con el mismo problema. Que codigo puede usar para mostrar una imagen dentro de una función. Es decir que cuando pulse un boton aparezca esta imagen. Gracias

bookmaster · #4 (**permalink**) 09/02/2007, 02:15

Si nos pones el código que usas, seria mas sencillo poder ayudarte, ya que sin ver donde fallas, no puedo darte una solución mas acorde al problema.

bokzertq · #5 (**permalink**) 09/02/2007, 10:11

Este es el codigo

Código HTML:

<html>

<head>
<title>My First Gadget</title>
<style>
        body{width:130;height:320;
		background: url('Card/tablero.png');}
    #Layer1 {
	position:absolute;
	width:86px;
	height:21px;
	z-index:1;
	left: 27px;
	top: 149px;
}
#Layer2 {
	position:absolute;
	width:114px;
	height:22px;
	z-index:2;
	left: 11px;
	top: 171px;
}
#Layer8 {
	position:absolute;
	width:84px;
	height:19px;
	z-index:8;
	left: 25px;
	top: 84px;
}
#Layer9 {
	position:absolute;
	width:88px;
	height:18px;
	z-index:9;
	left: 5px;
	top: 274px;
}
#Layer10 {
	position:absolute;
	width:120px;
	height:17px;
	z-index:10;
	left: 5px;
	top: 294px;
}
#Layer11 {
	position:absolute;
	width:45px;
	height:27px;
	z-index:11;
	left: 83px;
	top: 271px;
}
</style>
<script language="JavaScript"> 
function pulsa(){
document.write('<img src=card/1di.png style="position:absolute; top:100; left:50">');
}
</script>


<body>
<p>&nbsp;</p>
<div id="Layer1"></div>
<div id="Layer9">Jugador: </div>
<p>&nbsp;</p>
<div id="Layer2"></div>

<div id="Layer8">Croupier: </div>

<p>&nbsp;</p>

<div id="Layer11">
  <input type="button" value="Deal" onClick="pulsa()">
</div>

<p><br>
</p>
<div id="Layer10">Apuesta:
  <input type="text" name="apuesta" size=2>
</div>
<p><br>
  <br></p> 


</body>

</html>

Nose porque el rato que el boton llama a la funcion el background, los layers, los botones, todo desaparece y solo aparece la imagen

Shade · #6 (**permalink**) 09/02/2007, 10:20

Pq no lo haces en un div y le cambias el style de display:none a display:block o algo asi?