refrescar una imagen aleatoria

[txepetxa]

Hola foreros mi problema es que tengo una pagina web en la que cargo una imagen aleatoria a través de una variable que esta en un archivo exterior.

<script src="Scripts/fun_var.js" type="text/javascript"></script>


La variable es esta:

var numeroImage = 43 ;
var numeroAl = Math.floor(Math.random() * numeroImage ) + 1;


en el html:

<a href="javascript:;"> <script language="JavaScript">
document.write(' <img src="./irudiak/' + numeroAl + '.jpg">');

Lo que quiero hacer es que cada cierto tiempo se vuelva a cambiar dicha variable consiguiendo así que cambie la imagen pero sin refrescar toda la pagina.
No se si sera posible.


Muchas gracias

[_cronos2]

Usa setInterval().
Saludos (:

[txepetxa]

Podrías decirme como ,soy bastante novato.


Gracias

[_cronos2]

Por ejemplo:

Código Javascript:

var numeroImage = 43 ;
function img(){
 var numeroAl = Math.floor(Math.random() * numeroImage ) + 1;
 document.write(' <img src="./irudiak/' + numeroAl + '.jpg">');
}
setInterval('img()', 1000);
 

Donde pone 1000 es el número de milisegundos que quieres que transcurran de una imagen a otra.
Saludos (:

[txepetxa]

Bueno espero no molestarte pero el código que has colocado es para escribirlo en el archivo externo o en la propia pagina .

De todas formas muchísimas gracias.

[_cronos2]

Da igual, puedes colocarlo en el archivo.js o en la propia página entre etiquetas script DIFERENTES a en las que llamas al archivo.js. Es decir, si decides ponerlo en la página sería así:

Código HTML:

<script type='text/javascript' src='archivo.js'></script>
<script type='text/javascript'>
var numeroImage = 43 ;
function img(){
 var numeroAl = Math.floor(Math.random() * numeroImage ) + 1;
 document.write(' <img src="./irudiak/' + numeroAl + '.jpg">');
}
setInterval('img()', 1000);
</script>
 

Saludos (:

[txepetxa]

El problema con este codigo es que las imagenes que carga las hace en una pagina diferente y no en el lugar en que cargaba anteriormente (en una tabla)las va cargando aleatoriamente pero seguidas.

Por lo menos estoy aprendiendo.
Te mando una captura de pantalla.
Muchas gracias

[txepetxa]

http://txepetxa.mihost.eu/ejem.jpg

[_cronos2]

El link está roto, súbela a tinypic o imageshack.
Saludos (:

[txepetxa]

Escribe la direccion en el explorador

[_cronos2]

Vale ya funciona al link. Esque no sé muy bien cómo es pero con document.write() se borra el código que tenías antes o algo así. En vez de eso, usa innerHTML.
Saludos (:

[txepetxa]

Muchas gracias por todo.