Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/03/2015, 15:32
Avatar de MaNuX0218
MaNuX0218
 
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años, 1 mes
Puntos: 67
Respuesta: cambiar imagen grande al hacer click en las pequeñas

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:
Ver original
  1. <!-- AQUI LA FOTO GRANDE -->
  2. <img id="FotoGrande" src="IMAGEN.JPG" />
  3.  
  4. <!-- AQUI LAS FOTOS PEQUEÑAS -->
  5. <img class="FotoMini" src="IMAGEN1.JPG" />
  6. <img class="FotoMini" src="IMAGEN2.JPG" />
  7. <img class="FotoMini" src="IMAGEN3.JPG" />

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3. $(".FotoMini").click(function(){
  4.  
  5. var FotoSeleccionada = $(this).attr("src");
  6.  
  7. $("#FotoGrande").attr("src", FotoSeleccionada);
  8.  
  9. });
  10.  
  11. });

Espero te sirva.

Saludos.