jQuery plugin imagempster no está haciendo nada

Todavía soy relativamente nuevo en javascript y jQuery, así que ten en cuenta que puede ser una solución obvia que no veo.

Hice referencia a jQuery y funciona bien para otras cosas. Tal vez hay algo mal con la referencia imagempster? Lo descargué aquí y lo mencioné así. También puse el “imagempster.min.js”, pero no funciona cuando ambos están dentro ni funciona cuando cualquiera de estos se usa por sí mismos.

  

Leí la documentación y la seguí casi exactamente (ver más abajo), pero literalmente no hace nada al resaltado. En cambio, desordena un poco su posicionamiento, lo que arruina la página, lo que no tiene sentido porque mapster no debería tener nada que ver con el posicionamiento. Las áreas en las que se puede hacer clic también se han desplazado hacia arriba y fuera de posición. Ni siquiera da ningún error; el código simplemente pasa y no pasa nada excepto lo que dije. Y sí, los mapas de imágenes que estoy tratando de resaltar son completamente funcionales y #de abajo, # arriba, y #ffices son de hecho identificadores de tags de imagen como se supone que deben ser.

 $(document).ready(function() { $('#downstairs').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); $('#upstairs').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); $('#offices').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); }); 

Este es el html para las imágenes y los mapas. Los tres usan este formato.

 
downstairs

Compruebe si las áreas de su mapa han sido definidas. Ej: href = “#”

Tuve un problema similar hasta que moví mi script debajo del mapa. No puedo encontrarlo en los documentos, pero recuerdo haber leído que para que el complemento funcione, la imagen debe cargarse primero. Aún querrás llamar al complemento en la cabeza, pero querrás poner tu javascript después del mapa de imagen.

Cuando probé ImageMapster por primera vez, no configuré la ruta correctamente. La ruta de su área tiene que envolver el objeto de arriba a abajo, luego de izquierda a derecha, luego de abajo a arriba hasta que se encuentre nuevamente al comienzo. Una vez que hice eso, ImageMapster “hizo algo”. Antes de tener el camino correcto, parecía que no pasaba nada.

También tienes que decirle a la image que use el map .

 

Además, el número de ID que utiliza en el código debe ser el ID de una image , no el ID de un mapa.

Además, asegúrate de que las áreas de tu mapa estén DENTRO de la imagen (es posible que tengas que configurar el width de la imagen, ya sabes), de lo contrario, los efectos de desplazamiento no se mostrarán. Cuando lo probé por primera vez, no vi nada hasta que me aseguré de que mis áreas estuvieran en los lugares correctos.

Escribí un mini tutorial aquí para generar el image-map con Photoshop e Illustrator. Esto funcionó muy bien para mí, y el image-map estaba en el lugar perfecto exacto.

[después de OP publicado imagemp html]

Ah, tus acordes coinciden mucho, creo. Piense en los acordes como una línea. Ha descrito el inicio de la línea más otro punto: debe indicarlo para hacer un bucle completo. Intenta esto en su lugar y ve qué pasa:

‘coords = “198,81, 223,117, 198,81”