Entrar

como insertar imagenes aleatorias

Alpakone · · Solicitar retirada
Hola forer@s

Ando acabando(eso espero) mi primera pagina web.
Me gustaria saber cual es el codigo tengo que poner para que salgan imagenes aleatorias en la pagina principal. Es posible configurar el tiempo entre una y otra imagen; agradeceria cualquier tipo de informacion sobre este tema.


Gracias
eze_2493 · · Solicitar retirada
Depende si quieres cambiar las imagenes dinamicamente eso es php creo, pero en cambio si van a ser siempre las mismas imagenes puedes hacerlo con flash, y luego subirlo a la web.
Alpakone · · Solicitar retirada
no hay ninguna opcion de hacerlo con Html o con Dreamweaver no hay algo para esto?
MzStudios · · Solicitar retirada
Hola, lo puedes hacer con javascript... Uhm.. no ando en mi PC pero vamos a ver si me sale como seria algo

<script language="javascript">
//aqui sacamos un valor aleatorio respecto al numero de imagenes
var imagen = (Math.random() * 3)+1;
//obtenemos solo la parte entera
imagen = parseInt(imagen);
//aqui seleccionamos el caso de la imagen
switch (imagen) {
	case 1: document.write("[img]imagen1.jpg[/img]");
	break;
	case 2: document.write("[img]imagen2.jpg[/img]");
	break;
	case 3: document.write("[img]imagen3.jpg[/img]");
	break;
}
</script>

reemplaza las rutas de las imagenes a las propias y si deseas agregar mas imagenes cambia donde dice

var imagen = (Math.random() * 3)+1;

cambias el 3... y le agregas mas case al swich...

Un saludo :wink:
Alpakone · · Solicitar retirada
Tengo un problema y es que no tengo ni p.... idea :) de nada de Html ni java ni que es un script, de echo acabo de iniciarme en esto apenas hace una semana para crear una pagina web donde explicar mis viajes...
Asi que si me puedes echar una mano, donde tengo que poner el codigo ese? despues del entre <head> </head> o dentro del body? puedo hacerlo con el dreamweaver? tengo que meter el codigo ese dentro de un div o relaccionarlo con el div donde quiero que aparezcan las imagenes... ?

Como puedes ver estoy muy perdido :)
Alpakone · · Solicitar retirada
Vale conseguido no era tan dificil, jajaja muchas gracias....
ahh otra cosilla seria posible hacer que la imagen fuera cambiando sola cada "X" tiempo sin darle al boton actualizar?

Gracias
eze_2493 · · Solicitar retirada
Que en el mismo tiempo cambie sola? Sin actualizar la web?
Creo que nesecitas flash XD
Alpakone · · Solicitar retirada
Finalmente he podido encontrar lo que andaba buscando, metiendo este codigo dentro de head podremos ver como nuestras imagenes se vanmostrando de forma aleatoria cada "x" tiempo (var duracion)


<script language="javascript" type="text/javascript">
//SECUENCIA DE IMAGENES
//Autor: Iván Nieto Pérez
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com
var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 0
var duracion = 1000

if (CompruebaVersion()) {
imagenes = new CreaArray(4)
//carga las imagenes: especificar aqui las URLs de las imagenes o ruta fisica y nombre
imagenes[1].src = "imagen1.jpg"
imagenes[2].src = "imagen2.jpg"
imagenes[3].src = "imagen3.jpg"
imagenes[4].src = "imagen4.jpg"
}

function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
else return false
}

function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this = new Image()
}
return this
}

function DetenerSecuencia (){
if(SecuenciaEjecutandose)
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}

function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images["secuencia"].src = imagenes.src
imagen++
if ( imagen == 5 )
imagen = 1
}
SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
SecuenciaEjecutandose = true
}

function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}

window.onload = IniciarSecuencia;
if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents
document.captureEvents(Event.LOAD)
}




</script>


Despues habra que poner este codigo dentro del body para que se meustren las imagenes, incluso viene lcon un boton para iniciar y parar el script, que facilmente lo puedes quitar si no te gusta:



[contenido no disponible]</p><form name="secuencia">

<input type="button" value="Parar" name="B1" onClick="DetenerSecuencia()"> <input type="button" value="Iniciar" name="B2" onClick="IniciarSecuencia()"></p></form>
johnpeterjp · · Solicitar retirada
Hola Alpakone. Hay cientos de rutinas en java (scripts) que agregan cierta interactividad a nuestras webs. Hay sitios dedicados a estos scripts dónde buscas lo que necesitas, y luego solo copias y pegas códigos, los cuales personalizas con pequeñas modificaciones. Es una etapa fascinante pues ves desarrollados muy buenos efectos y muy sencillos de aplicar. Te dejo un par de web´s muy buenas.

http://www.dynamicdrive.com/
http://www.javascriptkit.com/cutpastejava.shtml