Foros del Web » Creando para Internet » Diseño web »

Para galeria de imágenes

Estas en el tema de Para galeria de imágenes en el foro de Diseño web en Foros del Web. Hola foristas, no sé si esta es la sección adecuada, pero pregunto por las dudas. Tengo galerías de imágenes realizadas en Html. Algunas con más ...
  #1 (permalink)  
Antiguo 10/02/2006, 20:42
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 11 años
Puntos: 3
Sonrisa Para galeria de imágenes

Hola foristas, no sé si esta es la sección adecuada, pero pregunto por las dudas.
Tengo galerías de imágenes realizadas en Html. Algunas con más de 30 fotos. Para pasar de una a otra sólo utilizo el clásico:"Anterior y próxima" ante lo cual le genero los vínculos correspondientes.
Lo que desearía, en el futuro, sería que esta opción continúe, pero que además posea un Play y un Stop para que quien haga clik en play haga que las mismas corran. Pregunta ¿esto se hace sólo en flash? o Puede crearse con algún Java o programación??
Cordialmente.
Gracias
Admoro
  #2 (permalink)  
Antiguo 10/02/2006, 21:00
 
Fecha de Ingreso: febrero-2006
Mensajes: 4
Antigüedad: 10 años, 7 meses
Puntos: 0
Espero que sea lo que necesites

<html>
<head>
<title> - >> tu titulo << </title>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->

<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
NewImg = new Array (
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 2200;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
</script>

</head>

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

<center><caption><strong>Galeria de Fotos</strong></caption></center><br><br>

<img src="1.jpg" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Anterior</a></td>
<td align="center"><a href="javascript:auto()">Automático/Detener</a></td>
<td align="left"><a href="javascript:chgImg(1)">Próxima</a></td>
</tr>
</table>

</body>
</html>


ojo tienes que cambiar los 1,2,3,4,5,6,7,8
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg"

por tus fotos si agregas mas fijate "8.jpg" esta sin , (coma)
  #3 (permalink)  
Antiguo 11/02/2006, 12:58
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 11 años
Puntos: 3
Hola, enormes gracias. Lo probaré, ojalá logre sacarlo, nunca lo hice. Insisto. Muchas gracias por la generosidad.
Cordialmente
Admoro
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:50.