Create a rollover image, PHP Web Programming

Assignment Help:

A rollover image is an image whose display modify while the pointer passes ("rolls") over it. You will employ Dreamweaver's Insert Rollover Image command to produce three rollover images for the navigation buttons-Destinations, Trip Planner, and Travel Logs.

A rollover image contains two images: the image displayed while the page loads first in the browser, and the image displayed while the pointer moves on the original image. Be sure to employ images which are the same size. The first image dictates the size of the display, thus if the second image is much smaller or larger, the results will look unprofessional or distorted.

Next, you will insert a navigation button along with a rollover image to your page. After that you will insert the other navigation buttons & preview the page in a browser to test the rollovers.

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

This tells Dreamweaver where you desire the image inserted.

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

  • Within the Common category of the Objects panel, click on the Insert Rollover Image icon.
  • Select Insert > Interactive Image > Rollover Image.

3. In the Insert Rollover Image dialog box, type planner within the Image Name field.

It gives the image a unique name, & makes it identifiable easily in the HTML code.

4. In the Original Image field click on Browse; after that navigate to MenuTripPlanner.gif and click on Select (Windows) or Open (Macintosh).

This tells Dreamweaver which image to display while the page loads first.

5. In the Rollover Image field click on to Browse; after that navigate to MenuTripPlanner_on.gif & click Select (Windows) or Open (Macintosh). This tells Dreamweaver which image to display while the pointer is onto the original image.

6. Ensure the Preload Rollover Image option is chosen so that the rollover images load while the page loads in the browser, making sure a quick transition among images while a user moves the pointer onto the original image.

2298_Create a Rollover Image.png

7. Click on to OK to close the dialog box.

The image appears in the document.

8. Resize the layout cell to fit the image.


Related Discussions:- Create a rollover image

We need to create a localization tool to organise multiple, We need to crea...

We need to create a localization tool to organise multiple planning The web based tool must do the follow Import excel sheet where you have a list of n events with at least t

We need help in financial application support, We need help in Financial Ap...

We need help in Financial Application Support Enhance our account aggregation process using Yodlee API. We want to fix several bugs in our existing process as well as change fro

WordPress Programming, I like to know how to place an accordion inside a te...

I like to know how to place an accordion inside a text box in Wordpress

Html validator, Be sure to include the appropriate DOCTYPE declaration for ...

Be sure to include the appropriate DOCTYPE declaration for the form. Use the W3C validator for strict HTML or XHTML or a test validator for HTML5. The code for the seal is availa

Php program, You have a new file to work with:  bobsinventory.php .  The g...

You have a new file to work with:  bobsinventory.php .  The great news is that this file contains a single string variable with every piece of data from the inventory table you

Php app in bootstrap with user mgmt, Php app in bootstrap with user mgmt, f...

Php app in bootstrap with user mgmt, form, csv import/export and stats Project Description: Overview: Need an application construct in PHP to allow agents to log in, view

Interactive music playing website uising html and javascript, Interactive m...

Interactive music playing website uising HTML and Javascript Fundamentally we're looking to recreate (and previously turntable.fm), nevertheless using a third party music servic

Forms, Now let us get a grip on how to interactivity add to your web docume...

Now let us get a grip on how to interactivity add to your web documents by way of the tag. Along this tag you can add to your web pages as a guestbook, surveys, order

We need to develop a number recognition from image in php, We need to devel...

We need to develop a Number recognition from image (OCR) in PHP We want a piece of code that can analyze an image and read the numbers in the image and return these as text. The

Need help in house rental tracking hosted web gui and db, House Rental trac...

House Rental tracking Hosted Web GUI and DB Want a web interface program to track short term rentals of multiple vacation properties. Most information wants to be scraped twice

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