Mouse Over Image

  • Thread starter Thread starter woodcrafters
  • Start date Start date
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.
 
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
 
--
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...
 
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
 
Ronx, I noticed that they mentioned FrontPage 2003, I am using FrontPage
2002. (I like to be current.) Would this work in FrontPage 2002???
 
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
 
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 :-)
 
Back
Top