Como hacer web "cambiante"???

NaRanJiTo78 · #1 (**permalink**) 19/12/2008, 12:58

Hola!

He visto la suiguiente web:

http://www.mangoshop.com/index.faces

el caso esque cada vez que accedes, aunque sea en los siguientes 2 segundos, cambian las fotografias.

Como se hace o con que script/programa?

Muchas gracias

lopesito · #2 (**permalink**) 19/12/2008, 17:29

Buenas!

Si te refieres a las fotografias o logotipos puedes hacerlo con un simple script de javascript.

Código:

<script language="javascript"> 

//Aquí cambia los nombres de las imágenes por las tuyas. 
var imagenes=new Array() 

imagenes[0]=new Image (380,288); 
imagenes[0].src="tibidabo.jpg" 
imagenes[1]=new Image (399,291); 
imagenes[1].src="gato.jpg" 
imagenes[2]=new Image (248,289); 
imagenes[2].src="paloma.jpg" 
imagenes[3]=new Image (215,366); 
imagenes[3].src="perico.jpg" 

cont=0 
function presImagen() 
{ 
if (document.all){ 
document.getElementById('foto').filters.blendTrans.apply() 
document.getElementById('foto').src=imagenes[cont].src 
document.getElementById('foto').filters.blendTrans.play() 
} 
else 
    { 
    document.images.foto.src = imagenes[cont].src 
    } 
if (cont < imagenes.length-1) 
{cont ++} 
else 
{cont=0} 
tiempo=window.setTimeout('presImagen()',5000) 
 //cada 5000 milisegundos (5 seg.) cambia la imagen. 
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen 
} 

</script> 
</head> 

<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()"> 
<img id="foto" src="tibidabo.jpg" style="filter:blendTrans(duration=3)"> 
<!-- la duración de la transición es de 3 segundos.  
Cambia este valor según tus preferencias --> 
</body>

Este codigo y muchos mas los tienes aqui:

http://www.forosdelweb.com/f13/faqs-javascript-105325/index3.html#post276605

Espero haberte ayudado ! ^^

Null_ · #3 (**permalink**) 19/12/2008, 22:15

pero yo encuentro que es mejor hacerlo con PHP con un array que contenga a todas las direcciones de las distintas imagenes, y luego asociar esta array con un numero aleatorio o algo parecido...

Código PHP:

  <?php 
 
$imagen_aleatoria[1] = "<img src=\"direccionimagen1.png\" alt=\"Imagen 1\" />"; 
$imagen_aleatoria[2] = "<img src=\"direccionimagen2.png\" alt=\"Imagen 2\" />"; 
$imagen_aleatoria[3] = "<img src=\"direccionimagen3.png\" alt=\"Imagen 3\" />"; 
$imagen_aleatoria[4] = "<img src=\"direccionimagen4.png\" alt=\"Imagen 4\" />"; 
$imagen_aleatoria[5] = "<img src=\"direccionimagen5.png\" alt=\"Imagen 5\" />"; 
$imagen_aleatoria[6] = "<img src=\"direccionimagen6.png\" alt=\"Imagen 6\" />"; 
 
$aleatorio = rand(1,6); 
 
echo $imagen_aleatoria[$aleatorio]; 
 
?>

el efecto que ves en esa web, tambien lo veo en minijuegos.com, es un buen y sencillo efecto