rollover10.htmlTEXTJyWs+ `Y.`Y.w Using rollover images

Rollover Image Link

This page contains examples that illustrates the result of using the JavaScript topic Rollover Image Link in PageSpinner's HTML Assistant.

Before starting the Assistant, you need to have at least two images that will be used in the link. The following two images are in the first example:

Welcome 1
This image is used as the original image of the link.
Welcome 2 This image is used as the rollover image, and is displayed when the user moves the mouse pointer over the original image.

After performing the three steps in the HTML Assistant's Rollover Image JavaScript topic, we get the following rollover image link without writing any code; everything is created and inserted by the Assistant:

Click here!


Using three images

You can also choose to use three images. The third image will be displayed when user clicks the Image link in version 4.0 and later of the major browsers.

Note that it may take some time to load the images if the viewer has a slow connection, so if you are using many images it is a good idea to make them relatively small.

Welcome 1
This image is used as the original image of the link.
Welcome 2 This image is used as the rollover image, and is displayed when the user moves the mouse pointer over the original image.
Welcome 3 This image is displayed when the user clicks the image.

Below is an example of the result you can get when using a third image. Version 4.0 or later of the major browsers is required to display the third image, but adding the third image will not cause much of a problem in most of the earlier browser versions.

Click and hold!

 ` `EvEvrollover10.html- MCP (utskrift)TEXTJyWsEvEvEo EvEvEo EvEv  UVUUUU    UVUUUU  "a/Q)  UVUUUU1  2  UVUUUUj  k  UVUUUUo   UVUUUUf    UVUUUU    UVUUUU    UVUUUU    UVUUUU    UVUUUU    UVUUUU    UVUUUU    UVUUUU  UVUUUU  F  UVUUUU I  \  UVUUUU `   UVUUUU    UVUUUU   "  UVUUUU &  )  ffff [  \  34ff }    ffff   UVUUUU  ffff    ffff   #  ffff (  )  34ff .  /  34ff P  R  ffff V   ffff    ffff   6  ffff ;  <  34ff A  B  ffff J  L  UVUUUU O  !  UVUUUU %  '  UVUUUU *  +  33  5  339  :  \  ^  UVUUUUe  w  UVUUUU    UVUUUU    UVUUUU$  %  UVUUUU)    UVUUUU    ffff     34ff-  /  ffff3    UVUUUU  ffff    ffff    ffff    34ff    34ff    ffff  b  ffffg  i  ffffm    ffff    34ff    34ff    ffff  u  ffffz  |  ffff    ffff    34ff    ffff    UVUUUU    UVUUUU    UVUUUU    33    33    UVUUUU    UVUUUU#  $  UVUUUU    UVUUUU    UVUUUU    UVUUUUB  C  UVUUUU+ ` `8("(styl*soup68859BMoDENSiZEZSlS RSx XS\