Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

Descargar

ImageMapper

Por A.Sandberg AKA Spike, Tarmo Toikkanen

Descripción

ImageMapper is a WordPress plugin designed to add interactivity in images in posts. The plugin was originally designed for web comics, but with its good customization options it can be used for adding interactivity to any kind of images.

Redirecting user to a different page when clicking certain character in a web comic? Displaying a person’s name and home page link in a group photo when mouse is hovering over them? Showing additional info and notes in a large graphs? Possible.

Based on the ImageMapster jQuery plugin. ImageMapster homepage.

The map of Finland in the banner image is provided by National Land Survey of Finland.

Instructions for use are found in Installation page.

About support: This plugin was built during a project that has ended in 2013. Further development resources are very limited. If you need something fixed, most likely you’ll need to fix it yourself. However, any patches are welcome and can be added to the main code base. If someone wants to become a co-author on this plugin, let us know.

Instalación

  1. Upload imagemapper folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

How to create a new Image map:

  1. Choose Image maps from the left of WordPress admin panel and create a new image map.
  2. Choose the image file and save the post to upload it.
  3. To add new areas to the image, start creating the path by clicking the image. When the path looks good press Add area. The area will appear in the area list on the image map editing page.
  4. You can edit the content of the area by clicking Edit page from the area list.

How to insert image map to a post:

  1. Adding image map to the post is simple. After you have created the image map, go to the post page.
  2. Click Add Media (or Insert/Upload media) and choose Image map tab.
  3. Click the image map you want to insert into the post.

Preguntas frecuentes

Installation Instructions
  1. Upload imagemapper folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

How to create a new Image map:

  1. Choose Image maps from the left of WordPress admin panel and create a new image map.
  2. Choose the image file and save the post to upload it.
  3. To add new areas to the image, start creating the path by clicking the image. When the path looks good press Add area. The area will appear in the area list on the image map editing page.
  4. You can edit the content of the area by clicking Edit page from the area list.

How to insert image map to a post:

  1. Adding image map to the post is simple. After you have created the image map, go to the post page.
  2. Click Add Media (or Insert/Upload media) and choose Image map tab.
  3. Click the image map you want to insert into the post.

Reseñas

I signed up just to leave this review.

14 de enero de 2020
It works flawlessly. I am a developer and never felt compelled to leave a review, until now. Bonus is it works responsively just fine too! As your container reduces in width, still renders all links perfectly. Unlike IMAGELINKS, this one has no limits. IMAGELINKS plugin (paid or free) also has wierd scaling issues -- sometimes your co-ordinates do not match where you laid them. This plugin has saved me a bunch. THANK YOU

Great plugin

28 de enero de 2019
Old but gold! Though it hasn't been updated for 3 years, still great plugin. Saved my project!

A great plugin thank you

13 de enero de 2018
Of the 4 free plugins that do image mapping I found this one to be the best. I find it to be simple and logical to use. The only issues I had: 1. getting the areas in the correct order but used the Post Type Order to organise this. 2. The hover/fade timing was a bit quick but found the support post: https://wordpress.org/support/topic/highlight-duration/ useful for adjusting this. 3. I note that on mobile device the colours come up a bit slowly.My website is mainly viewed by larger screens so not an issue. Thank you for a great plugin.

Picking area not working properly

30 de mayo de 2017
Hi, after we upload a map of a State and when we an area, it just doesnt work. You should be able to click on any point on that area, unfortunately it doesnt work like that. Our issue is in the selected area maybe half of it work. Any ideas what could be the issue ?

Solid!

26 de marzo de 2017
This freebie, although unsupported since 2014 still beats many premium image mappers hands down. Easy to use and implement it just works - no hassles, no coding - 5 STARS all day long.
Leer todas las 41 reseñas

Colaboradores y desarrolladores

«ImageMapper» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «ImageMapper» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.2.6

  • Fixed imagemap calls so that both shortcodes and template embeds work correctly. Kudos to edanwp!

1.2.5

  • Fixed CSS so imagemaps work on responsive sites. Kudos to Pourgt!

1.2.4

  • Fixed to work with WordPress 4.0.1. Kudos to Samatva!

1.2.3

  • Imagemap areas no longer show up in search results.
  • Minor fixes to visual editor problems.

1.2.2

  • Bug fixes
  • Added new popup layout. Can be enabled/disabled from Imagemap Settings. Mainly an alternative option if the old layout doesn’t work well.

1.2.1

  • Fluid width popup window.

1.2

  • Support for WordPress internal linking.
  • Highlight in the area editor now corresponds the style setting of each area.
  • A few GUI tweaks.

1.1.1

  • Small bug fixes focusing on conflicts with other plugins.

1.1

  • Popup windows can now be closed by clicking outside the window.
  • Admins can now choose if they want to show all the image map areas for a short time when user moves the mouse on the image (for the first time or always). This helps users to realize that they can get additional information about the image by searching for highlights.
  • Minor bug fixes.

1.0

  • Fixed a bug with scandinavian letters in tooltips.
  • Added a fallback links setting for image maps. Admins can choose if they want to show links corresponding the areas of the image map below the image to the user.
  • Disabled scrolling effect in Image map editor page.

0.5

  • Fixed bug where a highlight’s fill opacity affected to the stroke opacity in style preview.
  • Added color picker support for highlight fill color and stroke color fields. (Using the Iris color picker introduced in WP 3.5)
  • Changed popup dialog layout to match tooltip layout.
  • HTML title attribute can now be edited separately from the post title. (The attribute shows as a small tooltip when hovering over an area and might be distracting if there’s already a tooltip.)
  • Highlight styles can now be edited and deleted.

0.4

  • Added menu icons for Image maps and areas.
  • Different styles for area highlights including fill color with opacity and stroke with color, opacity and width.
  • Adding custom styles for highlights area also possible.

0.3

  • Fixed a bug which prevented inserting image map to the post with Insert media window in WordPress 3.5
  • Images of image maps in archive pages.
  • Click events: Possibility to choose if an area acts as a regular link, shows a tooltip when hovering or opens up a post content in a dialog.
  • Prevent adding an empty area or area with only two points.

0.2

  • Support for adding image maps in posts.
  • Support for multiple image maps.

0.1

  • First release.

Meta

Valoraciones

Ver todas
Accede para enviar una reseña.

Soporte

Problemas resueltos en los últimos dos meses:

0 de 1

Ver el foro de soporte