The autozoom layout provides a simple method for adding zoom dialogs for videos, pictures or even HTML elements to a page. Each item is listed using it's title and abstract and then the contents of the actual element are displayed through a popup zoom.

To configure this feature for a website, add the following to your custom-pre.var file in your private laf directory for your theme.

<IMPORT-LAYOUTAUTOZOOM>imports/layout-autozoom.var</IMPORT-LAYOUTAUTOZOOM>

or

<IMPORT-LAYOUTAUTOZOOM>imports/layout-autozoomcb.var</IMPORT-LAYOUTAUTOZOOM>

Then add a series of items that you want to pop open into a page/innerpage, and set the layout of that page/innerpage to 'autozoom'.

Simple autozoom uses the jQuery Dialog feature to act as the popup and display the associated component. The only drawback with jQuery Dialog is that if you showing a video in the Dialog, and you close the Dialog, IE and Safari like to keep playing the invisible video and you continue to hear the sound.  The only option is to refresh the page on Dialog close, but such a refresh looks bad and confuses Firefox.

The ColorBox alternative does not use jQuery Dialog, but its own component for the popup. It has the advantage of shutting off the video when its popup is closed.

You can customize the text/icons used by autozoom by including the following variable defintion:

<HTML-AUTOZOOM-CONFIG>
    <dom domname='config'>
        <HTMLSECTION moretext=" View..." icon="icon_notes.png" />
        <INNERPAGE moretext=" View..." icon="icon_itunes.png" />
        <AUDIOVIDEO moretext=" Watch Now..." icon="icon_video.png" />
        <PICTURE moretext=" Full Size..." />
        <ITEM moretext=" Link..." icon="icon_nes.png" />
    	<FILE moretext=" Download..." icon="icon_installer.png" />
    </dom>
</HTML-AUTOZOOM-CONFIG>