Manage Learn to apply best practices and optimize your operations.

Non-JavaScript rollover buttons

JavaScript NOT the only option for Rollover buttons

JavaScript code is not the only option for Rollover buttons.

In Dec.,2000 I published a topic on using Domino to create a Web presence:

In this topic I included instuctions on using an image resource to create a rollover button.

The image can then be programmed as any other image, using hotspots, or commands.
Even though this topic is published on the IBM iSeries Technical Studio, the instructions are for Domino Designer and can be used on any platform.

Creating an image rollover is as easy. You'll simply create a graphic, set the properties, and place the graphic on your page.

To create an image rollover:

1. Using a graphics program design a graphic that has at least two equally-sized parts to it.

Separate each graphic with a blank line one pixel wide, side by side. You've now created an image rollover using a horizontal image set. Each segment of the image represents a different part of the rollover.

2. Add this to your image resources.

3. Open this images properties box.

4. On the Basic tab , fill in the Image fields with the number of images across and down.

Also check "Web browser compatible".

5. Place your cursor on the page where you want your new rollover image.

6. From the Create menu, select Image Resource. An Insert Image Resource dialog box appears.

7. Select you rollover graphic and click OK.

The graphic is added to your page and you are free to add normal actions or links to the image.

Domino Designer's Help on Rollovers is very useful, under "Using a horizontal image set."

I found a horizontal image set to be the easiest to work with.

The entire Technical Studio topic is designed for new users and applies the least programming possible.

Dig Deeper on Domino Resources - Part 4

Start the conversation

Send me notifications when other members comment.

Please create a username to comment.




  • iSeries tutorials's tutorials provide in-depth information on the iSeries. Our iSeries tutorials address areas you need to know about...

  • V6R1 upgrade planning checklist

    When upgrading to V6R1, make sure your software will be supported, your programs will function and the correct PTFs have been ...

  • Connecting multiple iSeries systems through DDM

    Working with databases over multiple iSeries systems can be simple when remotely connecting logical partitions with distributed ...