A Simple Rollover Button

File: i_button.isc

Enable Java to see what LVPlanet Isaac made for you This example shows how to create a simple rollover button, i.e. a button that changes image when the mouse passes over it. Usually an Isaac work contains more than a simple button, but this is just to have a first example to be followed step by step.

Follow these steps to create the button:

  1. start Isaac or create a blank work
  2. import ica_xar01.gif from the help\clipart folder
  3. click the button to crop the image
  4. drag a rectangle including the button to be clipped
  5. click the button to "catch" the image
  6. click the button to add the bitmap to the list
  7. click the button to close the Crop window
  8. choose Create A Copy from the Bitmap menu
  9. choose Colorize from the Bitmap menu
  10. choose a bright color from the Hue-Saturation panel
  11. click the button to close the color picker
  12. on the bottom right of the window you can read the dimensions of your new bitmap: 45x42 pixels. Set the work dimensions as 45x42, selecting Width and Height from the File menu
  13. click the button to add the button to the work
  14. click the Events button on the top-right of the window to open the Events window
  15. from the "MouseOver Image" list choose the name of the other bitmap
  16. type the link name in the "Link" field
  17. click the button to close the Events window
  18. click the Preview button to see your work in action (note: this work is too narrow to be viewed and exported with the unregistered version of Isaac. Click here for details. So, if you really want to see the result of your work, you must set the width to the minimum allowed, e.g. 106 pixels)
  19. save the file and export it to the final folder

Back to Ideas