  |
An absolutely marvelous Freebie software for all websurfers. Try this - you'll have no regrets. Trust me.
|
You may or may not think much of this script, but the fact is with little tweaking, you can get this script to do a lot more than it does now! But here's the bad news! I won't do the tweaking for you :). That, I am afraid, will be, against the best interests of our Commercial Web Site at
3rd Millennium Studio. So,
Please do not contact me asking for help - unless, you are willing to pay us!!
Basics are as follows:
- First I have created a little GIF Image called "go.gif". It's small in all sense. Only 30 x 25 pixels and 550 bytes heavy! Keep it small, so that the image loads quickly enough.
- Idea is to show the image when the mouse is over a link, follows the mouse movement until you move away from over the link.
- So how is it different from the usual Show-Hide scripts that I have else where? It has to capture the "MOUSEMOVE" event, over and above the normal function of showing or hiding a "division" on MouseOver & MouseOut respectively. I'm not going to go deep into that - since these have been discussed many times already. Check any of the DHTML scripts posted earlier & you'll find sufficient information on that.
- Steps are as follows:
- Sniff out old browsers.
- Specify the OffSet with respect to the cursor position where the image should popup. Without any offset, the image will tend to get "covered" by the "quot;hand" (of the cursor).
- Describe the "document". In this case I have named it "Pic".
- In the next step of the script - the functions ShowIt() & HideIt() do just as the function names imply!
- Finally, there is a function called function MouseMove. This specifies how & where to popup the little image. What's more, it automatically captures the NEW position of the cursor every time the mouse moves.
- Just a few more points:
- The script is written within the body tags directly & AFTER the division tag, as you'll see if & when you take a look at the script.
- Place both these, i.e. the DIV tag & the SCRIPT right at the bottom of the page - other wise you may land up getting error messages on Macs.
It's all yours, as usual.