Cambiar imagen al pasar el mouse (HTML)

  • Avatar de Desconocido
    laurapl91 · Miembro ·

    Hola!

    Estoy intentando diseñar una página principal con un menú a mi gusto, para lo que quería utilizar imágenes que cambiaran al pasar el mouse por encima, de manera similar a cómo aparecen en el tema que utilizo: https://lauraperezvideo.wordpress.com/

    He estado buscando un millón de tutoriales, y en todos proponen el siguiente código:

    <img title=»this» onmouseover=»this.src=’URL imagen 1′;» onmouseout=»this.src=’URL imagen 2′;» src=»URL imagen 1″ alt=»» width=»180″ height=»180″ />

    Lo he utilizado en todas sus variantes y no me funciona. Me aparece la imagen 1 sin problemas, pero no hay cambios al pasar el mouse por encima.

    ¿Tengo que cambiar algo más en la configuración del blog? ¿Sabéis alguna otra forma para lograr lo que pretendo?

    Muchas gracias de antemano!

    El blog con el que necesito ayuda es (visible solo para usuarios conectados).

  • Avatar de Desconocido
    galois · Moderador ·

    Hola.

    He estado buscando un millón de tutoriales, y en todos proponen el siguiente código:

    <img title=»this» onmouseover=»this.src=’URL imagen 1′;» onmouseout=»this.src=’URL imagen 2′;» src=»URL imagen 1″ alt=»» width=»180″ height=»180″ />

    Ese código no se puede usar en WordPress.com: aunque haya un millón de tutoriales, son para la plataforma WordPress.org y no para la nuestra, (WordPress.com) y no los has buscado en la página del soporte oficial, https://en.support.wordpress.com/ ni en este foro.

    ¿Sabéis alguna otra forma para lograr lo que pretendo?

    Hay algunos trucos para poder usar efectos «mouseover», pero la mayoría requieren la mejora de pago Diseño Personalizado y conocimientos de CSS.
    Te dejo cuatro tutoriales para que observes los efectos:
    https://wpbtips.wordpress.com/category/mouseover-effects/

  • Avatar de Desconocido
    vicristo526 · Miembro ·

    Sr: Galois.

    Me gustaria enlazar una imagen con un lik pero al momento que le hagan clic a la imagen se abra otra ventana: este es mi codigo <a href="pagina web/"><img src="imagen de la pagina web" alt=""title="" /></a>

    A la espera de su colaboración

  • Avatar de Desconocido
    galois · Moderador ·

    Sr vicristo526: tenga la amabilidad de abrir un tema nuevo en el foro porque este está respondido y no trata sobre lo que usted quiere hacer.
    Gracias.

    P.S.: no olvide poner la dirección del blog para el que necesita ayuda.
    https://es.forums.wordpress.com/?new=1

  • El debate ‘Cambiar imagen al pasar el mouse (HTML)’ está cerrado y no admite más respuestas.