Solo tengo conocimientos básicos de js.
Por ello me he bajado un script gratuito de una galería de imágenes que presenta una tira de miniaturas y una imagen grande que cambia según la miniatura de la tira que se pinche, o por medio de un "anterior"/"siguiente".
Las miniaturas se recogen del html (para incluir más miniaturas hay que incluir nuevos:
<li value="8"><img src="fotitos/8.jpg" height="60" width="80" alt="" onClick="javascript:cambia('titulo',8);"></li>
Las imágenes grandes (de mayor resolución y que tienen el mismo nombre númerico que las miniaturas) las recoge directamente de una carpeta (no están incluidas en el html).
Con la intención de incluir una descripción distinta según la imágen, incluí un nuevo script :
var titulos=new Array(
"Imagen 1 - Retrato - 1.600x1.200 pixeles - 219 KB",
...........................
"Imagen 8 - Paisaje - 1.600x1.200 pixeles - 254 KB"
);
function cambia(descripcion,valor){document.getElementById(descripcion).innerHTML=titulos[valor];}
De modo que al pinchar en cada miniatura cambia el "titulo":
<div id="titulo">Imagen 1 - Retrato - 1.600x1.200 pixeles - 219 KB</div>
El problema está al pinchar en "anterior"/"siguiente".
Creí que recogiendo el valor del índice de la matriz images[ ] de cada imagen grande que se presente en cada momento, lo solucionaría, por ejemplo:
<a id="ant" class="imgnav" href="javascript:desliza.nav(-1)" onClick="javascript:cambia('titulo',actual);"></a>
Este valor que quiero extraer lo he reconocido en el script de la galería (es el subrayado):
var desliza=function() {
.................,
nav:function(d){var c=0; for(key in tar){if(tar[key]==ci.id){c=key}}
if(tar[parseInt(c)+d]){this.getimg(tar[parseInt(c)+d]);}
else{if(d==1){this.getimg(tar[0]);}
else{this.getimg(tar[tarl-1])}};
var actual=c;},
.................}
Gracias de antemano por aguantar este muermo.
