Galeria de imagenes (problemas)

dundario · #1 (**permalink**) 09/10/2010, 13:47

Hola amigos soy nuevo en el foro y tengo una gran duda con un script que no soy capaz de resolver. El script es este:

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

Lo he sacado de [URL="http://www.webintenta.com/galeria-de-imagenes-con-javascript-i.html"]http://www.webintenta.com/galeria-de-imagenes-con-javascript-i.html[/URL] y esque no soy capaz de hacer que funcione y me parece que queda de la leche.

PROFAVOR NECESITO AYUDA ME ESTOY DESESPERANDOOOOOO!!!

Muchisimas gracias a todos de antemano y felicidades por el foro

_cronos2 · #2 (**permalink**) 09/10/2010, 14:40

Primero, bienvenido al foro. Segundo, no hace falta abrir 3 hilos para preguntar algo. 3º, el código no es demasiado correcto mira a ver si te funciona así:

Código Javascript:

Ver original<script type="text/javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var imgs= new Array("001.jpg","002.jpg","003.jpg","004.jpg"), i=0, img=document.getElementById('imgSrc');
function anterior(){
 i=i>0?i-1:imgs.length-1;
 img.src = imgs[i];
}
function siguiente(){
 i=i<imgs.length-1?i+1:0;
 img.src = imgs[i];
}
</script>

Código HTML:

Ver original<!-- Las imágenes no tienen name -->
<img src='001.jpg' id="imgSrc" alt="Imágenes de la galeria" />
<a href="#" onClick="anterior();"> < Anterior</a>
<a href="#" onClick="siguiente();">Siguiente > </a>

Del mismo modo podrías hacer una función para ir a la última o la primera imagen, incluso podrías recopilar todas las funciones en una sola. 4º: Por favor, cuando vayas a postear códigos usa las etiquetas de highlight.
Saludos (:

dundario · #3 (**permalink**) 09/10/2010, 15:14

Perdon por todos los errores cronos
y una pegruntita mas donde pone 001.jpg, 002.jpg
que hay que poner la direccion de dicha imagen?¿

MUCHISIMAS GRACIAS

_cronos2 · #4 (**permalink**) 09/10/2010, 15:20

Claro, ahí pones la dirección de cada imagen, pero ten cuidado con los directorios, extensiones, etc... No es la primera vez que alguien se vuelve loco porque no le funciona el script y es porque los enlaces están rotos.
Saludos (:

dundario · #5 (**permalink**) 10/10/2010, 02:47

Cita:

Iniciado por _cronos2

Claro, ahí pones la dirección de cada imagen, pero ten cuidado con los directorios, extensiones, etc... No es la primera vez que alguien se vuelve loco porque no le funciona el script y es porque los enlaces están rotos.
Saludos (:

Ya e resuelto el problema!!!

El codigo no esta mal sino que yo le dado demasiadas vueltas y lo unico que hay que hacer es poner las imagenes y el html en la misma carpeta no hace falta poner la direccion de las imagenes tan solo es nombre y la extension.

DE TODAS FORMAS MUCHISISIMAS GRACIAS!!!!!