Tip

Non-JavaScript 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:
http://www.iseries.ibm.com/tstudio/domino/store/b2b2/jklindex.htm

In this topic I included instuctions on using an image resource to create a rollover button.
http://www.iseries.ibm.com/tstudio/domino/store/b2b2/rollover.htm

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.

This was first published in September 2001

There are Comments. Add yours.

 
TIP: Want to include a code block in your comment? Use <pre> or <code> tags around the desired text. Ex: <code>insert code</code>

REGISTER or login:

Forgot Password?
By submitting you agree to receive email from TechTarget and its partners. If you reside outside of the United States, you consent to having your personal data transferred to and processed in the United States. Privacy
Sort by: OldestNewest

Forgot Password?

No problem! Submit your e-mail address below. We'll send you an email containing your password.

Your password has been sent to:

Disclaimer: Our Tips Exchange is a forum for you to share technical advice and expertise with your peers and to learn from other enterprise IT professionals. TechTarget provides the infrastructure to facilitate this sharing of information. However, we cannot guarantee the accuracy or validity of the material submitted. You agree that your use of the Ask The Expert services and your reliance on any questions, answers, information or other materials received through this Web site is at your own risk.