Cambio de imagenes por botones

  • Resuelto alfonsoz2002

    (@alfonsoz2002)


    hace 6 años

    Buenas tardes.
    Necesito de la sabiduria de ustedes. Estoy realizando proyecto, donde realizar una duplicacion de pagina. En la original http://www.ecosantiago.com/inspiracion/ en la seccion inspiracion la cual indica la url en la parte donde dice «libera tu cratividad» necesito realizar ese mismo efecto, donde al tocar una imagen miniatura ubicada al lado derecho y se ve reflejado el cambio en la imagen del lado izquierdo. Quisiera saber si hay un plugins que me ayude con eso o alguna solucion urgente.
    Mil gracias de antemano.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador LGrusin

    (@lgrusin)

    hace 6 años

    No le veo nada especial, es un visor de imágenes que te permite cambiar las que salen a la derecha.

    Un saludo

    Feno

    (@feno73)

    hace 6 años

    Eso lo puedes hacer facilmente con jquery:
    En la web original son 3 imagenes diferentes, solamente deberias cambiar el source al hacer click en el boton:
    Un pequeño ejemplo:
    $(«#Boton1»).click(function(event){
    event.preventDefault();
    var nuevaImagen = «/img/tableton-preview.jpg»;
    $(«#idImagen»).attr(«src», nuevaImagen);
    });
    $(«#Boton2»).click(function(event){
    event.preventDefault();
    var nuevaImagen = «/img/tableton-preview_2.jpg»;
    $(«#idImagen»).attr(«src», nuevaImagen);
    });
    $(«#Boton3»).click(function(event){
    event.preventDefault();
    var nuevaImagen = «/img/tableton-preview_3.jpg»;
    $(«#idImagen»).attr(«src», nuevaImagen);
    });

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Cambio de imagenes por botones’ está cerrado a nuevas respuestas.

Etiquetas