Building Content Management Systems
& e-Business Solutions

Code Snippets: Replaceable Rollover Image(s)

This module creates a place holder on the page where a rollover image pair can be displayed.

Features

  • Developers may set a pair of default images.
  • All necessary Javascripting and pre-loading is built in.
  • Website owners can replace the current images any number of times - and on any page  (i.e.: each page of the site can have a different rollovers).
  • The website owner may declare any set of images as sitewide, thus having them appear on every page of the site where this module is present.

User Documentation

Website owners are advised to order graphics from their developer via the "request support" button at the bottom of the page.  Information about the "request support" button is available here.

Code

  • All necessary javascript (including preload) will be inserted into your HTML upon upload to a Clear Site server.
  • Default images will be used when a new page is previewed and created.
<clearsite:hidden module="rollover" name="Image1" default1="mouseoverimage.jpg" default2="image.jpg">
    <a href="#" onMouseOut="MM_swapImgRestore()"
                onMouseOver="MM_swapImage('Image1','','mouseoverimage.jpg',1)">
        <img name="Image1" border="0" src="image.jpg">
    </a>
</clearsite:hidden>

    Copyright Clear Site Web Solutions Corporation  |  Victoria, B.C. Canada