Plugin para converter imagem ao clicar

  • Autor Autor gabrielqwerty
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
G

gabrielqwerty

Buenas forobetos y forobetas del lugar.
Me preguntaba si alguno de vosotros conoce algun plugin para hacer esto que voy a explicar, intentare hacerlo lo mejor posible "Un plugin que cuando el usuario haga click sobre una imagen, como por arte de magia se convierta en otra imagen diferente" Mi idea es algo como "Haz click en la imagen y descubre lo que hay debajo"
Gracias por adelantado !!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Buenas forobetos y forobetas del lugar.
Me preguntaba si alguno de vosotros conoce algun plugin para hacer esto que voy a explicar, intentare hacerlo lo mejor posible "Un plugin que cuando el usuario haga click sobre una imagen, como por arte de magia se convierta en otra imagen diferente" Mi idea es algo como "Haz click en la imagen y descubre lo que hay debajo"
Gracias por adelantado !!
Eso lo puedes hacer con JavaScript!
 
ya se que con java se puede.. pero no tengo ni la mas mínima idea sobre su uso y disfrute 🙁
 
ya se que con java se puede.. pero no tengo ni la mas mínima idea sobre su uso y disfrute 🙁
Este código te puede servir!

A tu imagenes le agregas el link de la otro imagen en el atributo data-src y una clase
que se llame img-click, todas las imágenes con esa clase y el data-src aran lo que quieres!

Este codigo lo agregas en tu footer.php arriba de </body>

HTML:
<img src="original.jpg" data-src="no-original.jpg" class="img-click">

JavaScript:
<script>
var imgs = document.querySelectorAll('.img-click');
imgs.forEach(function(img, index){
 
    img.addEventListener('click', function(){
        if(this.hasAttribute('data-src') !== false){
            this.setAttribute('src', this.getAttribute('data-src'));
        }
    });
 
});
</script>
 
Hay plugins que muestran una miniaturs y luego la imagen ampliada y te dejan que sean diferentes. Busca alguna de tipo carrusel como slider carrousel.
 
Voltar
Topo