Close Window x

Frequently Asked Questions

Adding and Modifying a Mouseover Effect on an Image with WebSite Tonight

Print this Article
Comment on this Article
Last Updated: July 13, 2011 2:27 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 Page 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.
  7. From the Mouseover section, click Add Mouseover. A duplicate of the original image displays as the mouseover image.
  8. To replace the image, click Replace Mouseover Image.
  9. 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.
  10. 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 Page 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.
  7. Click Image Effects.
  8. From the Mouseover section, click Remove Mouseover.
  9. Click OK.