thumbnail gallery - menu items have only images
- main menu is text, the submenu contains thumbnail images
- in the page header sits a “set image url” action for every large image to show up on call
- at every thumbnail in the pop-up menu an action is applied that calls the matching one in the header
- the usage of GoLive actions are well explained in the MenuMachine manual at the tutorial “Using Actions”.
- the html size of this page is only 14KB, the thumbnails are 1-2 KB each, the large images 10-25KB each. Those get downloaded at call, so the render time is fast and intelligent portioned...
- one head action oncall sets the large image back to transparent when the user exits the large image
- this page is for 768px screen height - scrollable thumbnails must be done in a different way (frames, show/hide high layers, smaller thumbnails, etc.) - but even for only 500px height 20 text items with 5 thumbnails each are possible, that would be 100 thumbnails and large images on one page without any scrolling, without annoying new pop-up windows or long download times!
(for demonstration only - no pagelinks added to the items)