Foros del Web » Programando para Internet » Javascript »

galeria de imagenes terminada

Estas en el tema de galeria de imagenes terminada en el foro de Javascript en Foros del Web. gracias a todos de antemano, no estoy muy pegado a javascript, haber si me pueden hechar una mano, solo me falta que esta galeria que ...
  #1 (permalink)  
Antiguo 12/07/2011, 12:43
 
Fecha de Ingreso: febrero-2011
Mensajes: 43
Antigüedad: 13 años, 2 meses
Puntos: 2
galeria de imagenes terminada

gracias a todos de antemano, no estoy muy pegado a javascript, haber si me pueden hechar una mano, solo me falta que esta galeria que me he descargado me muestra el numero de imagen como anterior "2 de 4" siguiente

aqui les dejo el codigo, les vuelvo a dar las gracias por las molestias, aqui les dejo el codigo


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Galeria Javascript</title>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var misImagenes= new Array(3)
misImagenes [0]= "001.jpg";
misImagenes [1]= "002.jpg";
misImagenes [2]= "003.jpg";
misImagenes [3]= "004.jpg";
var i = 0;
//funcion de carga de la primera imagen
function cargarImagen(){
document.imgSrc.src = misImagenes[i] ;
}

function anterior(){
if(i<1){
var NumImagen = i
} else {
var NumImagen = i-=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}

function siguiente(){
if(i>2){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}

//Llamar a la función
window.onload=cargarImagen;

</script>
<style type="text/css">
body {
margin-top:40px;
}
td a {
font:9px Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFFF;
text-decoration:none;
</style>
</head>
<body>
<div style="width:400px; height:300px; margin: auto;">
<img name="imgSrc" id="imgSrc" alt="Imágenes de la galeria">
</div>
<table width="400" border="0" cellspacing="0" cellpadding="0" style="background:#666; width:400px; margin: auto;">
<tr>
<td align="center"><a href="#" onClick="anterior();"> « Anterior</a></td>
<td align="center"><a href="#" onClick="siguiente();">Siguiente » </a></td>
</tr>
</table>
</body>
</html>

Etiquetas: galeria, html, imagenes
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 13:19.