Hola a todos!
Soy nueva aqui y no se si alguna vez se ha tratado este tema, pero como no lo he encontrado por ninguna parte os lo expongo:
Tengo una pequeña galeria de imagenes que se muestra de 4 en 4, es decir, pongo inicilamente 4 fotos y con unas flechas de adelante y atras voy pasando estas fotos, para hacer este cambio tengo todas las fotos cargadas en una lista y tengo una funcion en javascript que me cambia la propiedad .scr de la imagen. Ademas cada foto de esta galeria esta referenciada a una imagen en grande. Es decir que las amplio para que se puedan ver mejor y esta ampliación la tengo relacionada con una hoja de estilo lightbox.css. Hasta aqui bien. Pero mi problema es que a la que paso a las siguiente 4 fotos no se como hacer para que me cambie dinamicamente el href a la foto grande, es decir poder mostrar todas las fotos ampliadas. Seguramente es muy facil, pero yo no soy programadora web y no estoy muy acostumbrada con la programación en javascript.
aqui os muestro parte del codigo para intentar explicaros mejor lo que os emplico:
la lista de fotos:
var lista = new Array('images/foto1.jpg', 'images/foto16.jpg', 'images/foto15.jpg', 'images/foto14.jpg','images/foto5.jpg', 'images/foto6.jpg', 'images/foto7.jpg' , 'images/foto8.jpg', 'images/foto9.jpg', 'images/foto10.jpg', 'images/foto11.jpg', 'images/foto12.jpg', 'images/foto13.jpg', 'images/foto3.jpg', 'images/foto2.jpg' , 'images/foto4.jpg');
funcion que cambia (se activa cuando le doy a la flecha adelante/atras):
function cambio(sen)
{
con1+= sen;
con2+= sen;
con3+= sen;
con4+= sen;
if (con1 ==lista.length)
con1 = lista.length-4;
else
if (con1 < 0) con1 = 0;
document.images.primera.src = lista[con1]
if (con2 ==lista.length+1)
con2 = lista.length-3;
else
if (con2 < 0) con2= 1;
document.images.segunda.src = lista[con2]
if (con3 ==lista.length+2)
con3= lista.length-2;
else
if (con3 < 0) con3 = 2;
document.images.tercera.src = lista[con3]
if (con4 ==lista.length+3)
con4 = lista.length-1;
else
if (con4 < 0) con4 = 3;
document.images.cuarta.src = lista[con4]
}
body:
llamada a las imagenes:
<a href="images/imagen1.jpg" rel="lightbox[relacio]"><img src="images/foto1.jpg" width="152" height="103" border="0" id="primera"></a>
como puedo hacer para que este href se cambie de la misma manera que las fotos??
<a href="images/imagen1.jpg" rel="lightbox[relacio]">
llamada a la funcion de cambio:
<a href="javascript:cambio(4)"><img src="images/next.gif" width="152" height="103" border="0"></a>
Se que es un poco rudimentario, pero es la solucion mas sencilla que he encontrado
Gracias y Saludos
