Support Tutorials JCE MediaBox Create a popup on an image map
Create a popup on an image map PDF Print E-mail
Tutorials - JCE MediaBox
Friday, 15 August 2008 10:51

As of JCE Utilities 2.1.0, popups can be created on Image Maps.

JCE Utilities 2.1.0 or later is required for this type of popup.

This type of popup is funfamentally the same as one created on a link, except that the AREA element's href attribute is used for the popup content, and as the AREA element does not have a type attribute, the relevant media type identifier is added as an additional class, or specified as a parameter in the title attribute. Parameters can also be added the url in the format &width=800&height=600 etc.

All popups from the same image map are automatically grouped. To prevent a popup from being group, add nogroup to the AREA class.

Popup icons are not added to image map popups

Example HTML for an image map popup (applied to the AREA element only):

<area href="/url/to/some/file/html" title="title[My Popup];width[800];height[600]" class="jcepopup ajax">
Media type identifiers:
  • flash for flash files including flv players
  • quicktime for Quicktime movies etc.
  • windowsmedia for Windows Media Player files.
  • real for Real Audio/Video files.
  • divx for DivX files.
  • director for Shockwave/Director files.
  • ajax for local links.
Youtube, Google Video, Metacafe and Image popup types are detected from the url.

As of JCE Utiltiies 2.2.3, any popup link can be hidden by adding noshow to the class, eg: class="jcepopup noshow"

Last Updated on Thursday, 17 September 2009 13:18