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)