Script para que aparezca imagen debajo del mapa
2 seguidores
Como podría hacer para que cuando pinchas en los cuadrados aparezca una imagen debajo del mapa??
http://clinicadentalavante.es/web/instalaciones/
Muchas gracias.
Como podría hacer para que cuando pinchas en los cuadrados aparezca una imagen debajo del mapa??
http://clinicadentalavante.es/web/instalaciones/
Muchas gracias.
Seguro que tienes mucho que decir, te estamos esperando.
azuriguel
http://api.jquery.com/mousemove/
Podrías hacerlo con jquery
mads_creativo
Muchas gracias pero no me entero mucho de como hacerlo.
Este es el código que he utilizado para hacer el mapa y ahora no se como enlazarlo todo.
<map name="mapa1">
<area alt="Pulsa para ver #" shape="rect" coords="30,94,74,137" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="451,17,496,62" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="520,43,565,88" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="632,98,677,145" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="164,373,209,420" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="273,438,318,485" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="785,160,832,204" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="847,255,889,301" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="911,320,955,367" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="373,501,418,545" href="#">
<area alt="Pulsa para ver #" shape="rect" coords="497,576,542,622" href="#">
</map>
<img src="http://clinicadentalavante.es/web/wp-content/uploads/2014/11/clinica-ds-02.png" width="1000" height="687" alt=#" border="0" usemap="#mapa1">
Usuario desconocido
Si te digo la verdad, parece que no tienes nivel para preguntar una duda concreta sino para que te lo hagan entero. Se puede hacer facilmente con un nivel basico de javascript y/o jquery, poniendo las imagenes en divs y activandolas con los enlaces del map mediante fadein() y subiendolas con z-index, por ejemplo, pero no creo que haya un plugin que te permita hacerlo a base arrastrar y soltar o algo similar.
Busca algun tutorial sobre fadein() de jquery y a partir de ahi llegaras a hacerlo.
Usuario desconocido
Otra forma sencilla como podrias hacerlo practicamente sin programar es poniendo las imagenes con un pluguin de slide show (carrusel), copias los enlaces del paginador (usualmente, las bolitas esas), los pegas en las areas del map y desactivas el paginador para que no se vea mediante la configuracion del pluguin o por css..
mads_creativo
Hola Jorge. Si, realmente no tengo nivel suficiente y me cuesta la vida programar. De todas formas, a ver si me puedes ayudar con esto.
He conseguido esto a partir de un código gratuito que me he descargado. http://www.isabelplaza.es/java/demo.html
Ahora viene la problemática... ¿Cómo inserto esto en el wordpress?
Ese es el verdadero problema y lo que me tiene verdaderamente mosqueado ya que lo he intentado de mil formas pero creo que hago algo mal.
Muchas gracias.
Usuario desconocido
Pues no controlo 100% el wordpress y no te puedo ayudar mucho, soy mas de joomla, pero supongo que habra alguna forma (tipo modulo o algo)para meter html "puro", ahora, si tienes que tirar de .js es mas problematico, quiza tendrias que liarte a editar la plantilla y eso es mas complicao. Otra solucion seria usar un iframe pero tiene inconvenientes.
Creo que lo mas sensato es como te digo en el segundo mensaje, con un pluguin para wordpress que te saque las imagenes (con emergentes como en tu ejemplo, o con un carrusel) y metes en el html del post solo el codigo de los botones que las llama, eso deberia ser muy facil. Creo que has usado el fancybox y esta disponible para wordpress, instalalo y haces la llamada a las imagenes tal y comolo has hecho en tu ejemplo.
mads_creativo
Si eso había pensado aunque creo que va a ser más complicado de lo que creo ya que he intentado hacer la llamada y por ahora no consigo.
Tengo instalado el fancybox y ahora tengo que darle vueltas a ver como consigo hacerlo.
Muchas gracias.