Overview
You can link an image to a popup window that displays a larger version of the same image, another image, a PDF, or even a Joomla! article.
Option 1: Make a popup link to a Joomla! Article
The "Apply Now" button at right is an example of an image that links to an article in a popup window.
1) Add the button image.
2) Link the image to the article.
- Select the image you uploaded in Step 1.
- Click the Insert/Edit Link button on the editor toolbar:
- Under "Search...", click Content (see #1 below).
- Click the name of the top-level category that contains the article you want to link to (see #2 below).
- If your article is in a subcategory, click the name of the subcategory containing the article. (If the article is in a category several levels down, you may need to repeat this step until you find the article).
- Click once on the name of the article you want linked to the button.
3) Create the popup.
- In the Link window, click the Popups tab (see #1 below).
- In Popup Type, choose JCE MediaBox Popups (see #2 below). (If you do not see the JCE MediaBox Popups, submit a workorder asking us to add the JCE MediaBox Popups plugin to your site).
- Select "Internal Links" for the Media Type option (see #3 below). This will display the article content without the surrounding elements such as the banner and navigation menu.
- Click Insert (see #4 below) and then Save & Close the article.
- Test the page to check the display. If the window needs to be a different size, go back to the JCE MediaBox Popups options and adjust Dimensions (see #5 below). The first field after Dimensions is width in pixels; the second field is height in pixels.
Option 2: Make a popup link to a File or Image
The "Rutgers Day" image at right is an example of an image that links to a PDF file in a popup window.
- Click the Insert/Add Image tool and navigate and select the image to be linked to the popup window.
- Select the image you uploaded in Step 1.
- Click the Insert/Edit Link button on the editor toolbar (See screenshot under Option 1, 2b above).
- In the "Link" window, look to the right of the URL field for the "Browse" icon (it looks like a tiny piece of paper). Click it and browse to the image or PDF that should open in the popup:
- In the Link window, click the "Popups" tab (see #1 below).
- In Popup Type, choose JCE MediaBox Popups (see #2 below). (If you do not see the JCE MediaBox Popups, submit a workorder asking us to add the JCE MediaBox Popups plugin to your site).
- [Recommended] Enter a short description of the image or the file in the "Title" and/or "Caption" fields.
- [Optional] Set dimensions for popup (see #3 below). The first field after Dimensions is width in pixels; the second field is height in pixels. (You may want to do this if what will be displayed in the popup is very large).
- Click the Insert button (see #4 below).
- Save the article.