Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/03/2011, 21:43
cyber1977
 
Fecha de Ingreso: diciembre-2008
Mensajes: 198
Antigüedad: 15 años, 4 meses
Puntos: 1
Respuesta: Ayuda con galeria

este es el codigo con la ruta de las imagenes:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Parents Galler</title>
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var misImagenes= new Array(14)
misImagenes [0]= "C:\Documents and Settings\Macho\Desktop\misImagenes\000.jpg";
misImagenes [1]= "C:\Documents and Settings\Macho\Desktop\misImagenes\001.jpg";
misImagenes [2]= "C:\Documents and Settings\Macho\Desktop\misImagenes\002.jpg";
misImagenes [3]= "C:\Documents and Settings\Macho\Desktop\misImagenes\003.jpg";
misImagenes [4]= "C:\Documents and Settings\Macho\Desktop\misImagenes\004.jpg";
misImagenes [5]= "C:\Documents and Settings\Macho\Desktop\misImagenes\005.jpg";
misImagenes [6]= "C:\Documents and Settings\Macho\Desktop\misImagenes\006.jpg";
misImagenes [7]= "C:\Documents and Settings\Macho\Desktop\misImagenes\007.jpg";
misImagenes [8]= "C:\Documents and Settings\Macho\Desktop\misImagenes\008.jpg";
misImagenes [9]= "C:\Documents and Settings\Macho\Desktop\misImagenes\009.jpg";
misImagenes [10]= "C:\Documents and Settings\Macho\Desktop\misImagenes\010.jpg";
misImagenes [11]= "C:\Documents and Settings\Macho\Desktop\misImagenes\011.jpg";
misImagenes [12]= "C:\Documents and Settings\Macho\Desktop\misImagenes\012.jpg";
misImagenes [13]= "C:\Documents and Settings\Macho\Desktop\misImagenes\013.jpg";
misImagenes [14]= "C:\Documents and Settings\Macho\Desktop\misImagenes\014.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>