cambiar imagen grande al hacer click en las pequeñas

[julslash]

Saludos, quisiera saber si alguien sabe de alguna pagina que tenga un codigo parecido a http://www.pikachoose.com/how-to-fancybox/

Necesito hacer lo siguiente quiero mostrar una imagen en grande y 3 pequeñas abajo. y que al hacer click en las pequeñas se muestre en el cuadro de la foto grande. y a su vez al hacer click en la grande se amplie con el efecto de fancybox.

Encontre esta web http://www.pikachoose.com/how-to-fancybox/ en donde se muestra que lo hace, pero hice lo que ellos muestran en la descripcion y no me funciona. alguien sabe de alguna otra web parecida donde tengan un ejemplo?


Gracias

[diurno10]

pone tu codigo sino tenemos que adivinar.

[MaNuX0218]

yo tengo un código que te servirá para cuando hagas clic en las pequeñas como dices y mostrarla en la grande (imagen principal).

Código HTML:

<!-- AQUI LA FOTO GRANDE -->
<img id="FotoGrande" src="IMAGEN.JPG" />
 
<!-- AQUI LAS FOTOS PEQUEÑAS -->
<img class="FotoMini" src="IMAGEN1.JPG" />
<img class="FotoMini" src="IMAGEN2.JPG" />
<img class="FotoMini" src="IMAGEN3.JPG" />
 

Código Javascript:

$(document).ready(function() {
 
$(".FotoMini").click(function(){
 
var FotoSeleccionada = $(this).attr("src");
 
$("#FotoGrande").attr("src", FotoSeleccionada);
 
});
 
});
 

Espero te sirva.

Saludos.