This tutorial requires the AdvLink plugin. The entire process is simplified when using the Media Manager, a subscription plugin.

JCE MediaBox 1.x is required for this type of popup.

1. Select some text or an image to apply the link to (you can use the Image Manager to insert the image).
2. Open the AdvLink. Enter the relative path (the path without your site address)into the URL field,either by hand or by using the Browser.
3. Type jcepopup in the Classes field in the Advanced Tab or select JCE Popup from the Class List if available, eg:
   
   
4. Click on the Advanced Tab and enter the media type in the Target MIME type field. Possible values are:
   
   • flash OR application/x-shockwave-flash for flash files including flv players
   • quicktime OR video/quicktime for Quicktime movies etc.
   • windowsmedia OR mplayer OR application/x-mplayer2 for Windows Media Player files.
   • real OR realaudio OR audio/x-pn-realaudio-plugin for Real Audio/Video files.
   • divx OR video/divx for DivX files.
   • director OR application/x-director for Shockwave/Director files.
5. To add this popup to a group of other popup items, add a group parameter (see Media Popup Parameters below)
6. Add any required parameters including width and height (see Media Popup Parameters below)
7. Click Insert.

Media Popup Parameters

A media popup can accept 4 standard parameters in the rel attribute, plus any number of parameters specific to the media type. Parameters must be in the key[value] format and be separated with a semi-colon.

1. Click the Advanced Tab in AdvLink and select (Add Value) from the Relationship Page To Target list.
2. Enter the parameters in the field provided.

• group[name] - Sets the popup group the image belongs to. This is the same as creating a group using step 5 above.
• caption[title::text] - Sets a caption for the popup to appear above or below the popup image. This gives the same result as step 4 above, but frees up the title attribute for the link element.
• width[640] - Sets the width of the popup content.
• height[480] - Sets the height of the popup content.
• Various media type specific parameters, eg: autostart[true];allowfullscreen[true]

A popup link can be hidden by adding noshow to the class, eg: class="jcepopup noshow"

You can create a popup that opens automatically when the page loads by adding either autopopup-single (popups will open only once per page per browser session) or autopopup-multiple (popups will open every time the page loads) to the popup class, eg: class="jcepopup autopopup-single".
The popup link must have a unique id, eg: