|
by "stephen.woodhead" <stephen.woodhead(at)tinyonline.co.uk>
|
| Date: |
Sun, 2 Apr 2000 20:37:41 +0100 |
| To: |
"HWG MAILING BASICS LIST" <hwg-basics(at)hwg.org> |
| |
todo: View
Thread,
Original
|
|
re: "I have added JS Mouseovers to my page. They work great in my browser,
but
when I upload them, they won't work. I checked the obvious - both graphics
are uploaded. What am I doing wrong?!"
You need to pre-load your images, your image file sizes are also far too
big - to preload, it will take quite a time. First I would reduce the file
sizes to a couple of k at the most. Then put this into the <HEAD>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- start to hide script from old browsers
if (document.images){
lostover = new Image
lostout = new Image
emailsover = new Image
emailsout = new Image
picturesover = new Image
picturesout = new Image
lyleover = new Image
lyleout = new Image
mailusover = new Image
mailusout = new Image
lostover.src = "lost1.gif"
lostout.src = "lost.gif"
emailsover.src = "emails1.gif"
emailsout.src = "emails.gif"
picturesover.src = "pictures1.gif"
picturesout.src = "pictures.gif"
lyleover.src = "lyle1.gif"
lyleout.src = "lyle.gif"
mailusover.src = "mailus1.gif"
mailusout.src = "mailus.gif"
}
else {
lostover = ""
lostout = ""
emailsover = ""
emailsout = ""
picturesover = ""
picturesout = ""
lyleover = ""
lyleout = ""
mailusover = ""
mailusout = ""
document.lost = ""
document.emails = ""
document.pictures = ""
document.lyle = ""
document.mailus = ""
}
// finish hiding script from old browsers --->
</SCRIPT>
Then you will need to write the "A HREFs" as follows - an example of the
"lost" button.....
<a href="http://www.desoto.net/users/wwwkef/reunion3.html"
onMouseOver="document.lost.src=lostover.src"
onMouseOut="document.lost.src=lostout.src">
<img src="lost.gif" width=110 height=45 alt="Lost Classmates" border="0"
NAME="LOST">
</a>
Hope this helps
Josh :0)
HTML: hwg-basics mailing list archives,
maintained by Webmasters @ IWA