rotar imagenes automaticamente

alcollo · #1 (**permalink**) 30/08/2006, 10:20

Hola a todos, soy un novato en páginas webs..voy haciendo mis pinillos en flash y html.Quiero poner una foto en la web que se vaya canviando por otras automaticamente ( cada 10-12 horas), como lo puedo hacer?
Hay algun script?
Gracias, un novato

the_scorpion · #2 (**permalink**) 30/08/2006, 11:40

Hola

Pregunto:
- Visitaste las FAQ

Código PHP:

  [URL="http://www.forosdelweb.com/showthread.php?t=108208"]http://www.forosdelweb.com/showthread.php?t=108208[/URL]

- Aquí hay algo que quizas te convenga

Código PHP:

  [URL="http://www.forosdelweb.com/showthread.php?postid=498500#post498500"]http://www.forosdelweb.com/showthread.php?postid=498500#post498500[/URL]

Ahora tambien puedes usar javascript pero eso es un tema que no es de este foro pero te dejare algo.

Código PHP:

  <html>

<head>

<script language="JavaScript">

// Efecto de la imagen.

var slideCache = new Array();

function RunSlideShow(pictureName,imageFiles,displaySecs)

{

var imageSeparator = imageFiles.indexOf(";");

var nextImage = imageFiles.substring(0,imageSeparator);

if (document.all)

{

document.getElementById(pictureName).style.filter="blendTrans(duration=2)";

document.getElementById(pictureName).filters.blendTrans.Apply();

}

document.getElementById(pictureName).src = nextImage;

if (document.all)

{

document.getElementById(pictureName).filters.blendTrans.Play();

}

var futureImages= imageFiles.substring(imageSeparator+1,imageFiles.length)

+ ';' + nextImage;

setTimeout("RunSlideShow('"+pictureName+"','"+futureImages+"',"+displaySecs+")",

displaySecs*1000);

// cambio de imagen.

imageSeparator = futureImages.indexOf(";");

nextImage = futureImages.substring(0,imageSeparator);

if (slideCache[nextImage] == null) {

slideCache[nextImage] = new Image;

slideCache[nextImage].src = nextImage;

}

}

</script>

</head>

<body>

<img border="1" src="foto/1.jpg" width="470" height="710" id="Fotos">

<script language="JavaScript">

RunSlideShow("Fotos","foto/1.jpg;foto/2.jpg;foto/3.jpg;foto/4.jpg",4);

</script>

</body>

</html>

Algo importante
- Todas las imagenes que coloques deben de tener las mismas dimensiones (ancho y alto)