Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Imágenes Aleatorias En Página

Foro de charla No Soporte.
📌 Aquí Debates sobre phpBB.


Corporacion-Umbrella
Asiduo/a
Mensajes: 111
Registrado: 12 Nov 2006, 12:05
Edad: 33

Imágenes Aleatorias En Página

#1

Mensaje por Corporacion-Umbrella »

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.


Información Técinca De Soporte:
PHPBB Version: Icy Phoenix 1.1.5.20 Beta 1.
Web: http://www.corporacion-umbrella.com/
Foro: http://www.corporacion-umbrella.com/foro/
Chat: http://www.corporacion-umbrella.com/chat/
Servidor: De Pago.
Plantilla Actual: FX Black (Modificado).
OS: Windows XP.
Host Operate System: Windows
MOD's Instalados: Ninguno.
http://www.corporacion-umbrella.com
Estado De La Web: Actualmente Desactivada.
"Our Business Is Life Itself"


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Re: Imágenes Aleatorias En Página

#2

Mensaje por mitch »

Código: Seleccionar todo

<script language="Javascript" src="archivo.js"></script>
sería lo que buscas... y en archivo.js, colocas el código.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Corporacion-Umbrella
Asiduo/a
Mensajes: 111
Registrado: 12 Nov 2006, 12:05
Edad: 33

Re: Imágenes Aleatorias En Página

#3

Mensaje por Corporacion-Umbrella »

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.
Información Técinca De Soporte:
PHPBB Version: Icy Phoenix 1.1.5.20 Beta 1.
Web: http://www.corporacion-umbrella.com/
Foro: http://www.corporacion-umbrella.com/foro/
Chat: http://www.corporacion-umbrella.com/chat/
Servidor: De Pago.
Plantilla Actual: FX Black (Modificado).
OS: Windows XP.
Host Operate System: Windows
MOD's Instalados: Ninguno.
http://www.corporacion-umbrella.com
Estado De La Web: Actualmente Desactivada.
"Our Business Is Life Itself"


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Corporacion-Umbrella
Asiduo/a
Mensajes: 111
Registrado: 12 Nov 2006, 12:05
Edad: 33

Re: Imágenes Aleatorias En Página

#4

Mensaje por Corporacion-Umbrella »

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.
Información Técinca De Soporte:
PHPBB Version: Icy Phoenix 1.1.5.20 Beta 1.
Web: http://www.corporacion-umbrella.com/
Foro: http://www.corporacion-umbrella.com/foro/
Chat: http://www.corporacion-umbrella.com/chat/
Servidor: De Pago.
Plantilla Actual: FX Black (Modificado).
OS: Windows XP.
Host Operate System: Windows
MOD's Instalados: Ninguno.
http://www.corporacion-umbrella.com
Estado De La Web: Actualmente Desactivada.
"Our Business Is Life Itself"


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “➡️ Charla general”