Hola a todos,
Antes he abierto un tema similar en la seccion de flash/actionscript. Pero ahora voy a preguntar algo que creo se relaciona más con el tema de javascript.
El tema es que querría colocar una imagen dentro de un div que sea diferente cada vez que cargue la página.
Consultando por la red he dado con un código que he usado en una página nueva para hacer pruebas, pero no consigo que funcione. La fuente viene en el propio script.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!
theImages[0] = 'animacion01.jpg'
theImages[1] = 'animacion02.jpg'
theImages[2] = 'animacion03.jpg'
// ======================================
// do not change anything below this line
// ======================================
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">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================
showImage();
//-->
</body>
</html>
Creo que entiendo como funciona, lo que no sé es como crear la matriz y como darle los nombres adecuados. Para la prueba uso 3 imagenes que se llaman animacion01, animacion02 y animacion03 (las he marcado en azul en el codigo). Lo que pasa es que no se como indicarle la ruta para que las encuentre dentro de mi sitio.
Alguien me puede ayudar?
Gracias
