Pixelpost

Hoverbox for Pixelpost is a addon for your browse/archive pages. It lists you thumbnails as used to but when you hover an image with your mouse you'll see an larger version of it.

See a Demo

Instructions

• Copy Files
  • Copy the file hoverbox_browse.php into your addons folder (active the addon in your admin interface).
  • Copy the css files hoverbox.css & hoverbox_ie_fixes.css into your styles directory under your template directory

Adjust Template File

• Insert the following lines to the head section - just before the "" line - of your browse/archive template (or whereever you want to show the hoverbox thumbnails). Replace "YOURTEMPLATE_NAME" with your Templatename.

  <link rel="stylesheet" href='templates/YOURTEMPLATE_NAME/styles/hoverbox.css' type="text/css" media="screen, projection" /> <!--[if IE]> <link rel="stylesheet" href='templates/YOURTEMPLATE_NAME/styles/ie_fixes.css' type="text/css" media="screen, projection" /> <![endif]-->

• Place the tag <HOVERBOX> in your template file where you want your Hoverbox to be.

Additional things to do

• Set the thumnail size in your Pixelpost thumbnail options to: 200 x 150 and press the "Re-generate thumbs" button.

Template Tags

• <HOVERBOX>

Version History:

v1.0 - Initial release
v1.1 - added a special CSS for the Horizon template
v1.2 - added a pagination feature