Close Window x

Frequently Asked Questions

Help Center Search

Adding and Modifying a Mouseover Effect on an Image

Print this Article
Last Updated: October 9, 2008 3:42 PM

With WebSite Tonight you can add effects to images added to your Web page. When you apply a mouseover effect to an image, the image changes when a visitor moves their mouse over it. To add a mouseover effect, you select an image that displays by default, and one that displays when a mouse goes over it.

To Add or Modify a Mouseover Effect on an Image

  1. Log in to your WebSite Tonight account.
  2. From the Design menu, click Page Designer .
  3. If necessary, from the You are editing list, select the page you want to edit.
  4. Click the block that contains the image you want to edit.
  5. Select the image you want to edit.
  6. Go to the Options tab, and then click the Edit Image.
  7. Click Image Effects.
  8. Click Add Mouseover. A duplicate of the original image displays as the mouseover image.
  9. To replace the image, click Replace Mouseover Image.
  10. From the Image Library, locate and select the image you want to use, and then click OK. For more information about using the Image Library, see Using the Image Library.
  11. Click OK.

To Remove a Mouseover Effect from an Image

  1. Log in to your WebSite Tonight account.
  2. From the Design menu, click Page Designer .
  3. If necessary, from the You are editing list, select the page you want to edit.
  4. Click the block that contains the image you want to edit. Blocks are outlined in blue.
  5. Select the image you want to edit.
  6. Go to the Options tab, and then click the Edit Image.
  7. Click Image Effects.
  8. Click Remove.
  9. Click OK.