Mouse Over Image

W

woodcrafters

I have images on my web-site, when someone moves their mouse over the image,
I would like the image to increase in size. I can do this by clicking on the
image, but I would like to get the same effect using mouse over.
 
T

Trevor Lawrence

If you are using JavaScript to increase the size, then change "onclick=" to
"onmouseover=", but you will also need "onmouseout=' to restore the original
size
 
W

woodcrafters

--
woodcrafters


Trevor Lawrence said:
If you are using JavaScript to increase the size, then change "onclick=" to
"onmouseover=", but you will also need "onmouseout=' to restore the original
size

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org




I am using click on now on the web site, But when I try to change it to mouse over, the image that is replacing the current image stays the same size as the original image. They are not the same size but when I do mouse over they come out the same size. woodcrafters
Click to expand...
 
R

Ronx

http://www.rxs-enterprises.org/tests/pop-up-example.aspx uses FrontPage
behaviours to pop-up larger images on the page when mousing over
thumbnails. The technique is described in
http://www.rxs-enterprises.org/tests/pop-up-images.aspx
http://www.rxs-enterprises.org/tests/navigation/fp-navbars.aspx
uses a similar method, with different results (you will have to delve
into view source to see the differences).
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
W

woodcrafters

Ronx, I noticed that they mentioned FrontPage 2003, I am using FrontPage
2002. (I like to be current.) Would this work in FrontPage 2002???
 
R

Ronx

It will work with FP2002, but FP2002 does not directly support
behaviours. Copy the Javascript (which is produced by the FP2003
behaviours dialogues) from my pages into the <head> section of the page.
You need the functions with names that start with FP_, and set up your
thumbnails and layers as I have done. It is important to get the
various id attributes to match with those in the onmouseover and
onmouseout calls.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
W

Wayne-I-M

Hi
Create 2 pictures - 1 small 1 big
Create another picture - VERY small - set to transparent (you will need
photoshop or corel or something like this)
Add you small pictures to your page on layers - absolutley positioned
Add some more layers - each the right size to cover the small pictures
In each of these extra layer add a copy of the VERY small transparent
picture and then strech this to fit the layer
Add some more layers each with a large picture - set to visible = no
Possition these where you want - for you idea it would be best to possition
them over the corresponding small picture

Use a OnMouse Over (of the VERY small transparency) to swap the small
picture for the large picture

Hope that make sense

Here are a couple of examples using this method. (move your mouse around)
http://www.ukoutdoorpursuits.co.uk/
http://www.ukoutdoorpursuits.co.uk/page_photcredit.htm


There may be better methods of doing this but I am only a learner with
frontpage - so I just do what I can :)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Solved Disk Full error message when exporting PDF 0
How to center adjust text above and image in a two column document. 1
Pages are changing pasted image... 0
Merging from an Excel file with graphics 1
How to make scroll bar permanently visible, Word 365 0
AddPicturesToShapes 0
JPEG and 300 dpi 0
Black Lines appearing over table borders 0

Top