Tengo un problema con mi web: mediante JavaScript + CSS pretendo que unos botones pasen a la siguiente foto sin cambiar de url. He optado por esta solución en lugar de crear una página para cada foto, descartando también usar php o similar (que se escapa a mis conocimientos, al igual que el JavaScript
Hice unas pruebas en archivos de test en la que me funciona todo correctamente. Pero al pasar el código al archivo original, algo falla: al pulsar en el botón "siguiente" no cambia la imagen. He revisado las rutas y creo que están bien.
Os dejo el el código resumido: veréis que lo importante (creo) es el script del principio y el último div que ejecuta ese script. ¿Veis algo mal?
Un millón de gracias!!!
Código HTML :
<script>
var Dakota=new Array("/Img/Imagenes/Dakota/Dakota1.jpg","/Img/Imagenes/Dakota/Dakota2.jpg","/Img/Imagenes/Dakota/Dakota1.jpg");
var i=0;
function atras() {
if(i>0) {
i--;
img.src=Dakota[i];
}
}
function adelante() {
if(i<2) {
i++;
img.src=Dakota[i];
}
}
</script>
<link href="/Assets/Estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Header">
<div id="Logo"><img src="/Img/Logotipo/Logotipo.jpg" width="250" height="50" alt="Logotipo" /></div>
<div id="Menu">
<ul>
<li> <a href="test2.html" class="EnlaceMenuActivo">PORTAFOLIO</a></li>
<li> <a href="test2_perfil.html" class="EnlaceMenu">PERFIL</a></li>
<li> <a href="3" class="EnlaceMenu">CONTACTO</a></li>
</ul>
</div>
</div>
<div id="Contenido">
<div id="Imagen"><img name=img src=/Img/Imagenes/Dakota/Dakota1.jpg width="1000" height="550"></div>
<div class="Pie" id="Pie">
<p>Cliente: xxx<br />
Descripción del proyecto<br />
Máximo 2 líneas de texto para este pie de foto
</p>
</div>
</div>
<div id="Listado">
<ul>
<li><a href="http://www.google.es" class="enlacesActivos">Cliente 1</a></li>
<li><a href="2" class="enlaces">Cliente 2</a></li>
</ul>
</div>
</div>
</div>
<div class="trans" id="TransparenciaListado" style="filter:alpha(opacity=40);float:left;-moz-opacity:.40;opacity:.40" ></div>
<div id="siguiente"><a onClick=adelante() class="siguiente">siguiente</a></div>
