Muy buenas!!!.. yo deseo agregar algo mas, pero esta vez cambiando la imagen cada vez que se ingrese a la pagina, el problema que tengo es que no manejo bien los anchos y altos, voy a utilizar 3 imagenes, distintas, del mismo tamaño, pero claro, se me va de ancho y alto y no se ajusta a mi ventana, no he utilizado los códigos que han escrito arriba. Estas imágenes son de 1900x1000 px.
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es" >
<head>
<title>mi pagina</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="estilos/style.css" />
<script language="JavaScript">
var theImages = new Array()
theImages[0] = '001.jpg'
theImages[1] = '002.jpg'
theImages[2] = '003.jpg'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i<p; i++)
{
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage()
{
document.write('<img src="'+theImages[whichImage]+'">');
}
</script>
</head>
<body>
<script language="JavaScript">
showImage();
</script>
Hola!!
</body>
</html>
En mi .css :
body
{
margin: 0px;
padding: 0px;
}
Tener en cuenta algo: mi resolución es de 1440 x 900px.
Pero porqué coloco imagenes de 1900 x 1000??, porque si un usuario entra desde una resolución mayor que la mia.. solo se expande la imagen... y se recortará solo hasta su resolución de pantalla.
Mi problema, es q no puedo controlar los anchos y altos, si ven en mi .css he escrito margin y padding : 0px;
pero aún así se me va, mi imagen se va a recortar, no pasa nada y eso es lo q quiero.
Muchas gracias y perdón por tanto rollo!!
Saludos a todos!!