¿Varios tooltips en una imagen?

Inicio Foros WordPress Plugins ¿Varios tooltips en una imagen?

Etiquetado: ,

Este debate contiene 7 respuestas, tiene 2 mensajes y lo actualizó  LGrusin hace 6 años, 6 meses.

  • Autor
    Publicaciones
  • #60483

    trochilus
    Participante

    Hola, quería consultaros si existe un plugin mediante el cual pueda aplicar varios tooltips a una imagen. Estos tooltips estarían distribuidos por diferentes partes de esa imagen, y que el tooltip contenga a su vez otra imagen o texto. No sería un mapa de imágenes, porque no quiero que la imagen se abra mediante un link en otra ventana. Por si no me hago explicar bien, o no se llama tooltip, os dejo un enlace con lo que me gustaría hacer:
    http://www.nationalgeographic.com.es/2011/07/01/alejandria_cleopatra.html
    Gracias

  • #60499

    LGrusin
    Miembro

    La página que has puesto de ejemplo usa un mapa de imagen. Cada vez que pulsas sobre (+) aparece una imagen en vez de una dirección web. Es lo mismo. Si usas algún plugin tipo lightbox puedes obtener el mismo efecto.

    Un saludo

  • #60506

    trochilus
    Participante

    Gracias, es justamente el efecto que quiero hacer.
    Pensaba que los mapas de imágenes siempre te abrían el contenido en una nueva ventana.
    Sobre el plugin que comentas, tipo ligthbox, para aplicarlo por ejemplo en el mapa que viene en el enlace que había puesto, ¿no tendría que colocar el (+) como una imagen sobre la imagen de fondo, osea el mapa? Es que no se me ocurre otra manera, y hasta la fecha no he conseguido en wordpress colocar una imagen sobre otra.
    ¿Me podrías orientar un poco más?
    Muchas gracias, de todas maneras

  • #60509

    LGrusin
    Miembro

    – Lo primero que debes saber es cómo crear mapas de imágenes. El (+) es una zona dibujada en la propia imagen que permite el enlace.
    – Lo segundo es localizar un plugin que te guste.
    Una vez tengas las dos cosas claras probar la idea que te di.

    En el foro hay algún hilo sobre mapas de imágenes, uno no hace mucho.
    https://ayudawp.com/foros/hilo/plugin-para-anadir-varios-hipervinculos-a-una-misma-imagen/

    Un saludo

  • #60525

    trochilus
    Participante

    Gracias, los enlaces me han sido de mucha utilidad.
    Ya he conseguido hacer mapas de imágenes, para ello me he bajado el plugin Ultimate TinyMCE. Sobre el plugin tipo ligthbox, tengo instalado el Fancybox, que lo utilizaba para ver las imágenes. Pero no consigo conectar una cosa con la otra.
    En el Image Map Editor del plugin, coloco en el Href la dirección de la imagen, y entonces funciona como hipervínculo cuando yo quiero que sea mediante Fancybox.
    Este es el código que pone:

  • #60852

    trochilus
    Participante

    Por fin he conseguido algo al respecto, para que se me abrieran imágenes con un plugin tipo ligthbox a partir de un mapa de imágenes. No es exactamente lo que buscaba, pero bueno, lo pongo aquí por si a alguien le resulta de utilidad. He instalado los plugins Ultimate TinyMCE, para hacer el mapa de imágenes, y Easy Fancybox. Así por ejemplo un hotspot o región quedaría algo así:

    También, en vez de que se abra una imagen cuando pichamos en un hotspot, he puesto un tooltip. Para ello he instalado el plugin llamado Tippy, y he incluido en alt el código que ellos sugieren. Coloco aquí otro ejemplo:

    <area title="" shape="circle" coords="480,137,7" href="#" alt=[tippy title="" height="45" width="180"]Contenido[/tippy]

    A ver si al final consigo hacer lo que me proponía en un principio.
    Un saludo

  • #60853

    trochilus
    Participante

    No he conseguido que aparezca el código en el anterior mensaje del primer ejemplo acerca de que se abran imágenes con un plugin tipo ligthbox a partir de un mapa de imágenes. A ver si aquí lo consigo:

  • #60863

    LGrusin
    Miembro

    No todos los plugins van bien con el mapa de imágenes. Con Fancybox creo que si es posible hacerlo.

    Puedes probar:
    1 – Con un enlace a una imagen cualquiera (sin mapa de imagen) a ver si abre bien Fancybox
    2 – Compara el código que genera Fancybox para lograr ese efecto y modifica el mapa de imagen añadiendo ese código de Fancybox.

    Un saludo

El foro ‘Plugins’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest