Foros del Web - Ver Mensaje Individual

emprear · #10 (**permalink**) 22/09/2010, 12:34

ahora lo tengo mas claro

Proba con esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" >
<head>
<title>Imagen aleatoria</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="x" />
<meta name="keywords" content="x" />
<meta http-equiv="Content-Language" content="ES-ar" />
<meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" />
<meta name="author" content="http://emprear.com"  xml:lang="es" />
<style type="text/css">
/*<![CDATA[*/
 
img#ia{
border: solid 1px #000;
}
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
 
function rand(n){
// creamos un numero al azar entre 1 y 10 (o cual sea la cantidad de imágenes)
 return(Math.floor(Math.random() * n + 1 ));
}
 
//guardas imagenes en el array
var cambia_imagen = new Array();
cambia_imagen[0] = "0.jpg";
cambia_imagen[1] = "1.jpg";
cambia_imagen[2] = "2.jpg";
cambia_imagen[3] = "3.jpg";
cambia_imagen[4] = "4.jpg";
cambia_imagen[5] = "5.jpg";
cambia_imagen[6] = "6.jpg";
cambia_imagen[7] = "7.jpg";
cambia_imagen[8] = "8.jpg";
cambia_imagen[9] = "9.jpg";
 
//la función para que al clickear establezca el source del tag imagem que tiene id "ia" (Imagen aleatoria)
//como no son tantas, puede que alguna vez se repita 2 veces la misma
//incluso, si usamos numeros para las imágenes, la script puede ser más sencilla (pero le puse los números después... aghhh)
 
function cambiar(){
document.getElementById("ia").src = cambia_imagen[rand(10)-1];
}
 
//]]>
</script>
</head>
<body>
<p><img id="ia" alt="Imagen aleatoria" src="5.jpg" /></p>
<p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<button onclick="cambiar();">Cambiar imagen</button></p>
<!-- ©2000 Emprear.com -->
</body>
</html>

una demo en
http://foros.emprear.com/jsdemo/ia/cambia_imagen.html

hace bastantes clicks porque solo subi 5 imágenes y por ahi se repiten mucho o no muestra nada

Saludos