kachulinas
Usuario habitual
Usuario habitual

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.

Avatar Image
Moderador
Moderador

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


kachulinas
Usuario habitual
Usuario habitual

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

Avatar Image
Moderador
Moderador

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


kachulinas
Usuario habitual
Usuario habitual

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 Giño

User 68822
User 68822
Usuario Novato
Usuario Novato

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.

Avatar Image
@man / @woman
@man / @woman

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
Usuario Novato

kachulina..

oiie sube el codigo ke encontraste que te funciono yo tengo uno pero tiene algunas fallas y reralmente viene siendo lo mismo

GRACIAS..

Avatar Image
Moderador del foro
Moderador del foro
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".

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
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