How to create a rollover image, Computer Engineering

Assignment Help:

Q. How to Create a Rollover Image?

A rollover image is an image whose display changes when pointer passes ('rolls') over it. You will use Dreamweaver's Insert Rollover Image command to create three rollover images for navigation buttons-Trip Planner, Destinations, and Travel Logs.

A rollover image comprises two images: the image displayed when page first loads in the browser, and image displayed when the pointer moves over the original image. Be sure to use images that are the same size. First image dictates the size of the display, so if second image is much smaller or much larger, results will look unprofessional or distorted.

Next, you will add a navigation button with a rollover image to your page. Then you will add the other navigation buttons and preview the page in a browser to test rollovers.

1.  In Document window, click in first cell of the navigation button table.

This tells Dreamweaver where you want the image inserted.

2.  To insert a rollover image, do one of the following:

  In Common category of the Objects panel, click Insert Rollover Image icon.

  • Choose Insert > Interactive Image > Rollover Image.

3.  In Insert Rollover Image dialog box, type planner in the Image Name field. This gives the image a unique name and makes it easily identifiable in HTML code.

4.  In Original Image field, click Browse; then navigate to MenuTripPlanner.gif and click Select (Windows) or Open (Macintosh).

 This tells Dreamweaver which image to display when page first loads.

5.  In Rollover Image field, click Browse; then navigate to

MenuTripPlanner_on.gif and click Select (Windows) or Open (Macintosh).

This tells Dreamweaver which image to display when pointer is over the original image.

6.  Make sure Preload Rollover Image option is selected so that rollover images load when page loads in the browser, ensuring a quick transition between images when a user moves the pointer over the original image.

1424_How to Create a Rollover Image.png

7.  Click OK to close dialog box.

 The image appears in document.

8.  Resize the layout cell to fit the image.


Related Discussions:- How to create a rollover image

Determine the current allocation state and granted process, An operating sy...

An operating system contains 3 resource classes. The number of resource units in these classes is 7, 7 and 10. The current resource allocation state is shown below:

Performance instrumentation, The performance instrumentation states on how ...

The performance instrumentation states on how to efficiently gather information about the computation of the parallel computer. The process of instrumentation mainly attempts to ca

How to develop an object model, How to develop an object model To deve...

How to develop an object model To develop an object model firstly identify classes and their associations, as they affect overall problem structure and approach. Then prepare

Define opcode and operands, Q. Define Opcode and Operands? The most com...

Q. Define Opcode and Operands? The most common fields which are found in instruction formats are: Opcode: (What operation to perform?)  An operation code field cal

Not dragged and dropped onto the form, I have to make a quiz machine progra...

I have to make a quiz machine program in in Visual Basic with the following: A menu strip that must be formed programmatically (ie NOT dragged and dropped onto the form). There

Explain differences between folded and non-folded network, Explain differen...

Explain differences between folded and non-folded network. Folded network: While all the inlets/outlets are connected to the subscriber lines, the logical connection shows as

Can you list out some of enhancements in verilog 2001, Can you list out som...

Can you list out some of enhancements in Verilog 2001? In  earlier  version  of  Verilog,  we  use  'or'  to  specify  more  than  one  element  in  sensitivity  list.  In Veri

What is constrained-random verification, What is Constrained-Random Verific...

What is Constrained-Random Verification ? As ASIC and system-on-chip (SoC) designs continue to increase in size and complexity, there is an equal or greater increase in the si

What is a pre-processor, What is a pre-processor? A pre-processor is a ...

What is a pre-processor? A pre-processor is a program that procedure the source code before it passes by the compiler. It handles under the control of pre-processor directive.

Illustrate edge-triggered flip-flops, Q. Illustrate Edge-Triggered flip-flo...

Q. Illustrate Edge-Triggered flip-flops ? Edge-triggered flip-flop is used to synchronize state change at the time of a clock pulse transition in place of constant level. A num

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd