como hacer para q las imagenes vayan cambiando cada cierto tiempo

Usuario habitual

#1•21/Ene/2006, 03:37

Ola!!!!!!!!!!!
quisiera saber como puedo hacer para q las imagenes q yo quiera cambien cada cierto tiempo

Encontre este por ahi:

<script language="JavaScript">
var estado=true;
setTimeout("cambio()",500);
function cambio()
{
estado=!estado;
if(estado==true)
img.src="valle.jpg"
else
img.src="estacion.jpg"
setTimeout("cambio()",500);
}
</script>
<img name="img" src="valle.jpg">

pero no me sirve ya q solo salen dos fotos y yo quiero poner muchas mas, como podria modificar este para q qdara como yo quiero? o saben algun otro q haga eso?? Gracias.

chavp

Moderador

#2•21/Ene/2006, 19:42•Editado por chavp

Usa esto mejor

Codigo PHP:


<html> 
<head> 
<!-- PRIMER PASO: Copiar dentro del tag HEAD --> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Original:  CodeLifter.com ([email protected]) --> 
<!-- Web Site:  <a href="http://www.codelifter.com" target="_blank">http://www.codelifter.com</a> --> 

<!-- Begin 
// Set slideShowSpeed (milliseconds) 
var slideShowSpeed = 5000; 
// Duration of crossfade (seconds) 
var crossFadeDuration = 3; 
// Specify the image files 
var Pic = new Array(); 
// to add more images, just continue 
// the pattern, adding to the array below 

Pic[0] = '1.jpg' 
Pic[1] = '2.jpg' 
Pic[2] = '3.jpg' 
Pic[3] = '4.jpg' 
Pic[4] = '5.jpg' 

// do not edit anything below this line 
var t; 
var j = 0; 
var p = Pic.length; 
var preLoad = new Array(); 
for (i = 0; i < p; i++) { 
preLoad = new Image(); 
preLoad.src = Pic; 
} 
function runSlideShow() { 
if (document.all) { 
document.images.SlideShow.style.filter="blendTrans(duration=2)"; 
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; 
document.images.SlideShow.filters.blendTrans.Apply(); 
} 
document.images.SlideShow.src = preLoad[j].src; 
if (document.all) { 
document.images.SlideShow.filters.blendTrans.Play(); 
} 
j = j + 1; 
if (j > (p - 1)) j = 0; 
t = setTimeout('runSlideShow()', slideShowSpeed); 
} 
//  End --> 
</script> 

</head> 

<!-- SEGUNDO PASO: Copiar dentro del tag BODY --> 

<BODY onLoad="runSlideShow()"> 

<table border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td id="VU" height=150 width=150> 
<img src="1.jpg" name='SlideShow' width=150 height=150> 
</td> 
</tr> 
</table> 

</body> 
</html>

donde dice
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'

puedes agregar
Pic[5] = '1.jpg'
Pic[6] = '2.jpg'
Pic[7] = '3.jpg'
Pic[...] = '4.jpg'
Pic[n] = '5.jpg'

fijate bien la ruta de la imagen , en este caso esta en la raíz

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

kachulinas

Usuario habitual

#3•27/Ene/2006, 01:12

puse eso q tu me dijiste pero no me funciona y especifique bien la ruta
por ejemplo si lo tengo en una carpeta llamada fotos lo pondria asi:

Pic[0] = 'fotos/1.jpg'
Pic[1] = 'fotos/2.jpg'
Pic[2] = 'fotos/3.jpg'
Pic[3] = 'fotos/4.jpg'
Pic[4] = 'fotos/5.jpg'

y abajo del todo

<img src="fotos/1.jpg" name='SlideShow' width=150 height=150>

abria q cambiar algo mas? con lo facil q seria acerlo en flash o algo asi jaja xo me encabezone en esto q se le va hacer jiji

chavp

Moderador

#4•27/Ene/2006, 14:29

sacaste los tags head del script , esos estan por estar , es decir van entre ellos.

Prueba y ve , pero es raro yo lo usé en http://eias.utalca.cl , tal cual como lo tienes tu .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

kachulinas Usuario habitual
#5•29/Ene/2006, 16:53 bueno al final estube buscando mas y encontre unos cuantos q aunq no son lo q yo justamente qria me pueden valer jeje gracias por todo chavp si te interesa o algo pidemelos jeje

User 68822 Usuario Novato
#6•10/Jul/2012, 12:10 Perdona Chavp, yo he usado el código que has puesto en mi web y tampoco me funciona, es mas, he hecho un nuevo documento con solo ese código y no encuentro manera de echarlo a andar. Lo he visto funcionando en tu web y es perfecto, justo lo que necesito. Te importaría revisarlo a ver que es lo que puede fallar. Muchas gracias.

GestionXls @man / @woman
#7•21/Jul/2012, 01:57 F{ijate que coincida el path del archivo con la ubicación real, ej: Si pones Pic[1] = 'fotos/2.jpg' la imagen debe estar en la carpeta fotos/ (y respeta mayúsculas y minúsculas) Si lo subes a un espacio web, debes tanbién crear la carpeta y subir las imágenes.

fb@1093415198 Usuario Novato
#8•29/Jul/2012, 19:46 kachulina.. oiie sube el codigo ke encontraste que te funciono yo tengo uno pero tiene algunas fallas y reralmente viene siendo lo mismo GRACIAS..

*Josepepe033* Moderador del foro
#9•29/Jul/2012, 21:46 Escrito originalmente por fb@1093415198 kachulina.. oiie sube el codigo ke encontraste que te funciono yo tengo uno pero tiene algunas fallas y reralmente viene siendo lo mismo GRACIAS.. Hay miles de códigos por Google, simplemente tienes que buscar "Galería de imágenes JS".

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Ayuda para webmasters

Java y Javascript

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Temas similares

No se han encontrado temas similares