Pregunta sobre Arreglando WordPress de Wordpress:

Cambiar img src según el texto en el que se haga clic

Un usuario preguntó 👇

Dios los bendiga,

Estoy viendo cómo agregar la siguiente funcionalidad

Tengo algunas filas de texto y una imagen en el lado izquierdo del texto y la imagen debería cambiar según el texto en el que se hizo clic (si un usuario hace clic en texto1, una imagen cambia a pciture 1, su texto2, imagen2, etc. ann srl)

¿tienes alguna idea de cómo hacer eso? ¿algún plugin o solución similar?

Gracias por adelantado

(@jasonian)

Hace 1 año, 3 meses

Puedes hacerlo fácilmente con un poco de jQuery.


let img1 = "//sitename.com/wp-contents/uploads/../../filename.jpg";
let img2 = "//sitename.com/wp-contents/uploads/../../filename.jpg";
let img3 = ...

    jQuery("#text1").on('click', function() {
        jQuery("#image").attr('src', img1);
    });
    jQuery("#text2").on('click', function() {
        jQuery("#image").attr('src', img2);
    });
    jQuery("#text3").on('click', function() {
        jQuery("#image").attr('src', img3);
    });

Por supuesto, cambie el código según sea necesario. Puede incluir esto en su HTML dentro de una etiqueta