phpBB España Oficial

Hola, me gustaría pediros ayuda a todos sobre un tema que sé que es simple pero que debido a mis conocimientos no puedo solucionar.

En mi página web que estoy diseñando, he puesto un Javascript que he visto para que al actualizarse la página, muestre una imagen aleatoria, esta función me va correctamente, pero lo que quiero es que la función se llame desde un archivo externo, porque yo pongo la cantidad de imágenes en la página, pero si en un futuro quiero poner más, quiero solo modificar el archivo y no todas las páginas donde esté.

Aquí está la función.

Código: Seleccionar todo

[head]
<script type="text/javascript">
var numeroImagenes = 5;
var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;
</script>
[/head]
[body]
<script language="JavaScript">
document.write('<img src="imagenes/sucesos/suceso-' + numeroAleatorio + '.jpg">');
</script>
[/body]

El código como mencioné, funciona correctamente, pero lo que yo quiero es que en "var numeroImagenes = 5" se pueda editar la cantidad desde un archivo externo, o si se puede todo el código mejor, así no tendré en un futuro si en vez de 5 imágenes que sean 10, pues no modificar todos los archivos html.

Lo intenté poniendo en el [HEAD][/HEAD] la llamada a un archivo .js así "<script type="text/javascript" src="archivo.js"> y en el [BODY][/BODY] "<script language="JavaScript" scr="archivo.js">
document.write('<img src="imagenes/sucesos/suceso-' + numeroAleatorio + '.jpg">');
</script>

Pero no me funcionó.
Espero que alguien me pueda ayudar con esto, creo que no es algo complicado, lo creo con ignorancia claro, porque tal vez lo sea.

Muchas gracias por vuestra atención.

Código: Seleccionar todo

<script language="Javascript" src="archivo.js"></script>

sería lo que buscas... y en archivo.js, colocas el código.

Gracias Mitch, eso fué lo que hize, pero a lo mejor puse algo mal en el archivo.

Básndonos en el código de arriba que se incrusta en el HEAD y en el BODY hize el archivo así.

En un doucmento puse:

Código: Seleccionar todo

var numeroImagenes = 5;
var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;

Y lo guardé con la extensión archivo.js

Y luego en la página en el HEAD lo llamé:

Código: Seleccionar todo

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

Y en el BODY donde quería que se mostraran las imágenes puse:

Código: Seleccionar todo

<script language="JavaScript" scr="archivo.js">
document.write('<img src="URL de las imágenes-' + numeroAleatorio + '.jpg">');
</script>

Haciéndolo así no me funcionó, no sé si es porque no llama el archivo o el archivo no está correcto, y simplemente lo que quiero es cambiar desde un archivo externo la cantidad de imágenes que ahora son 5, algo estaré haciendo mal o supongo que no se podrá hacer.

Gracias por vuestra ayuda y tiempo, a ver si podemos ver esta simple respuesta.

Vale, ya está solucionado, siento responder tan rápido al mismo topic.

La solución era no colocar otra vez la llamada desde el código del BODY, porque llamaba al archivo dos veces:

Código: Seleccionar todo

<script language="JavaScript" scr="archivo.js">
document.write('<img src="URL de las imágenes-' + numeroAleatorio + '.jpg">');
</script>

Simplemente no hay que llamarlo otra vez porque arriba ya se está haciendo:

Código: Seleccionar todo

<script language="JavaScript">
document.write('<img src="URL de las imágenes-' + numeroAleatorio + '.jpg">');
</script>

Siento las molestias que haya podido causar y os dese un buen día.
Gracias.

phpBB España Oficial

Imágenes Aleatorias En Página

Imágenes Aleatorias En Página

Re: Imágenes Aleatorias En Página

Re: Imágenes Aleatorias En Página

Re: Imágenes Aleatorias En Página