Pre Load Images

**rabmurdy** · May 11, 2002, 14:43

I haven't got round to learning code other than html, so have to ask what code to use for pre-loading images for a roll over effect.
I have 6 buttons to change when the mouse is over the image, is it java script and is it hard to implement?

(I know absolutely 0 about java script, so please be kind)

**Dan Morgan** · May 11, 2002, 15:29

Code:

<html>
<head>
<script language="javascript">

  myImageName = new Image()
  myImageName.src="images/image.gif"

  function over(){document.images.myImageName.src="images/image.gif"};

  function out() {document.images.myImageName.src="images/image.gif"};

</script>
</head>
<body>
<a href="#" onmouseover="over()" onmouseout="out()">
<img src="images/image.gif" name="myImageName" 
alt="enter alt text here" border="0"></a>
</body>
</html>

Heres a simple preload and rollover script using javascript functions (full code shown). There are a few ways to do it, Im sure this will be followed up with others. Shout if you need any help with it.

Glen

**rabmurdy** · May 12, 2002, 12:50

Thanks Glen U are a gentleman, I shall put it to good use.

Cheers

**Flawless_koder** · May 13, 2002, 02:25

You should use the src+'_o.gif' style rather than a fixed string in the function - that way you have freedom to use it on more than one image.

Just a thought Flawless

**Forlorn** · May 14, 2002, 00:29

In Dreamweaver you can do it. Just select the Behaviors Tab...Change settings for IE 5 and then click down on that menu.

**Andrew-J2000** · May 14, 2002, 01:36

yea but then you need this update for netscape

http://www.macromedia.com/support/dr...netscape_6.htm

**Dan Morgan** · May 14, 2002, 02:24

And have you seen the reams of code Dreamweaver produces for that sort of thing?

Actually I havent checked what changes (if any) MM have made to the behaviours in the new release of MX.

*runs of to check*

**Andrew-J2000** · May 14, 2002, 03:34

from what i saw on my brothers computer(mine wont install

), it seems really good. I had a look at some of the code and you can easily add to the library they have

**Flawless_koder** · May 18, 2002, 09:40

Andrew - you'd think they'd know not to set me off on one about Dreamweaver ... wouldn't you...

* looks over his shoulder for Bill

*

he he

Flawless

**Andrew-J2000** · May 24, 2002, 04:59

Hehe, I'm not a big dreamweaver fan, but i dont intend on using it without changing every single bit of code

**Flawless_koder** · May 24, 2002, 05:01

Nope - completely not for me.
I've always got to know exactly what's going on!

Hence i use vi solely.

Flawless

The SitePoint Forums have moved.

User Tag List

Thread: Pre Load Images

Thread Tools

Display

Pre Load Images

Bookmarks

Bookmarks

Posting Permissions