|Nesting Highslide Example - Creating the HTML Popup|
|Sunday, 08 June 2008 21:07|
Page 2 of 2
Creating the HTML Popup
Now that we have the popup article created , we can add the thumbnail/popup to the original article. First, you must decide if you want the user to click on a thumbnail image or alternatively a text link to invoke the popup. If you want to use a thumbnail insert the thumbnail image in your article using the usual imagemanager plugin. Then in the editor click on the thumbnail image to select it. If you are going to use text link, enter the text that you wish to use and select it. With either the thumbnail image selected or text selected, click on the advlink plugin. This will bring up the advlink dialog box.
In the 'Link Browser' section, click on 'Content'. This will expand into a list of sections to choose from. Scroll through the list until you find the article that you created for your popup and then click on it to set the link url. Before clicking Insert, update the URL in the General section by appending &tmpl=component. This is what tells Joomla to include only the article content.
Click insert to create the link. Again, select either the thumbnail or the text that you used to create the link. Click on the HsHtmlExpander plugin. This will bring up the HsHtmlExpander dialog. We are going to use the HsHtmlExpander plugin to update the link that you created with the AdvLink plugin.
On the Expander tab, set IFrame or Ajax depending upon your preference.
On the HTML tab, set the pixel width and height that you want to use for the popup window.
Thats it. These are the most important parameters required to produce the popup. Additional parameters on the remaining tabs can be set to achieve various effects but are entirely optional.
|Last Updated on Tuesday, 09 February 2010 10:26|