Nesting Highslide Example |
Sunday, 08 June 2008 21:07 | ||||||||
Page 1 of 2 This example shows how you can nest highslide thumbnail/popups inside a highslide html expander. Click on the thumbnails below to get a better idea of what I mean.
Each popup consists of nothing more than the contents of another article. Nested Page 1 is the article displayed in the first popup and Nested Page 2 the article in the second popup. These articles are displayed in the popup using using only the article content. This is accomplished by appending &tmpl=component onto the end of the article link. More about that later. IFrame vs. AjaxThe thumbnails above illustrate two types of popups that can be used. Each has their own advantages/disadvantages.
As a further example, Nested Page 3 has been configured with a Highslide slideshow gallery. Both thumbnails below use this article in their respective popups.
This tutorial assumes that you already know how to create a thumbnail/popup using the HsExpander plugin. Review the HsExpander Example 1: A simple thumbnail/popup image article if necessary. It is also assumed that you know how to logon to the back-end and edit the Highslide configuration settings. First, create the article that you want to display in the popup window and populate it with your thumbnail/popups. Logon to the administrative back-end and click on the Content/Article Manager menu item to go to the Article Manager. Find your article in the article list and click on the article name to bring it up in the Article edit window. Set the 'Section' and 'Category' to uncategorized. Also, you will want to publish the article, so set 'Published' to Yes and save the article. Note: Using an uncategorized section/category is entirely optional. |
||||||||
Last Updated on Tuesday, 09 February 2010 10:26 |