Help creating buttons that "press" when hovered over

[deck]

Hi. What is the best way to create a button that changes when you hover the
mouse over it? I have used a dynamic HTML effect to swap the button gif with
another one that looks like its been pressed, but on-line it takes a good
second or so to load the pressed state in. I have tried to use the web
component/dynamic effects/hover button (not sure if its just a different way
of doing a dynamic HTML effect), but when I test it , the button pictures
don't appear. I also tried to make an animated gif in photoshop, but to
enable it to change when a mouse is hovered over it, it has to be saved off
as an .html file and I don't really know how to intergrate that into the
page as I don't know any html, I can only use the point and click interface.

Thanks for any help

 

[Ronx]

Do not use Hover Buttons. These are Java Applets that require a Java
Virtual Machine (JVM) to be installed on the users' PCs. New installations
of Windows XP and IE6 do not have the JVM unless it downloaded from
www.java.com
Note that Java and JavaScript are two different things. Almost every
browser will support JavaScript, many have no support for Java.

Find an image preload script to load your "pressed" buttons, so they will be
ready loaded when the button is activated.

 

[[news.microsoft.com] Fritz MVP]

Hi. What is the best way to create a button that changes when you hover the

mouse over it?

FP2003: the insert->hover button
or
you can also use the navigation bars with a specific theme.
The button in the theme are also a gif image that change
by the mouse over it.

but when I test it , the button pictures don't appear.
Verify:
http://support.microsoft.com/default.aspx?scid=kb;en-us;817123
http://support.microsoft.com/default.aspx?scid=kb;en-us;325055

I can only use the point and click interface.

Verify your web setting in the Tools -> Page Options
that all sets are flagged on.
Bye!

 

[deck]

Thanks allot, I have just looked for some pre-load scripts on the net, I
will try them and let you know how I get on.

 

[Mike Mueller]

deck wrote:
: Hi. What is the best way to create a button that changes
: when you hover the mouse over it? I have used a dynamic
: HTML effect to swap the button gif with another one that
: looks like its been pressed, but on-line it takes a good
: second or so to load the pressed state in. I have tried
: to use the web component/dynamic effects/hover button
: (not sure if its just a different way of doing a dynamic
: HTML effect), but when I test it , the button pictures
: don't appear. I also tried to make an animated gif in
: photoshop, but to enable it to change when a mouse is
: hovered over it, it has to be saved off as an .html file
: and I don't really know how to intergrate that into the
: page as I don't know any html, I can only use the point
: and click interface.
:
: Thanks for any help

Deck-
To cure the time lag when you do the image swap, what
you do is load that second image elsewhere on the page and
set the display properties to 1x1 pixels. This way the
image will not need to be loaded when the image swap occurs,
as it will already be on the page. The 1x1 size will make
the image effectively invisible in its second location

Mike

 

[deck]

Hehe, nice trick. I'll try that. I haven't had time to try the pre-load
script either yet, but I'll post back on what the results are. Thanks

 

[David Baxter]

That 1 pixel graphic may flag your site as "bad" or "suspicious" by some
search engines...

 

[deck]

Hi. Thanks for the help. I ended up using a pre-load script that I
downloaded, that seems to be working fine now. Thanks