# What the best image rollover script

**URL:** <https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010>\
**Category:** Uncategorized\
**Created:** [April 23, 2003, 2:46pm UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010 "2003-04-23T14:46:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris9902](https://avatars.discourse-cdn.com/v4/letter/c/eb9ed0/32.png) [@chris9902](https://forum.kirupa.com/u/chris9902)\
**Post date:** [April 23, 2003, 2:46pm UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/1 "2003-04-23T14:46:33Z")

</div>

i am looking for one that is Recognised in all if not the main internet borwsers.

thanks to anyone who can help.:+)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 24, 2003, 12:20am UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/2 "2003-04-24T00:20:41Z")

</div>

you ever try google dude? or any other search engine? there are thousands of HTML/Javascript tutorials out there, just do a search of what you want…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 24, 2003, 11:17am UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/3 "2003-04-24T11:17:04Z")

</div>

read the title.

WHATS THE BEST ONE!!!

i got loads i just want to no WHAT THE BEST ONE!!!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 24, 2003, 5:54pm UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/4 "2003-04-24T17:54:22Z")

</div>

I’m not sure what software you use, but I’ve found that the rollover code that Dreamweaver creates is reliably cross-browser compliant on generation 4+ browsers.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 26, 2003, 3:34pm UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/5 "2003-04-26T15:34:29Z")

</div>

no need to flip out, chris…

YOU CAN FIND THE BEST ONE ON GOOGLE U \*\*\*\* \*\*\*\*\*\* \*\*\*\*  
\*\*\*\*!!!

…just kidding.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [April 26, 2003, 5:03pm UTC](https://forum.kirupa.com/t/what-the-best-image-rollover-script/19010/6 "2003-04-26T17:03:57Z")

</div>

:bounce: run away  
it’s ok i found one

here i will post it:

To begin with you need to load the javascript into a page in the head section of your page. If you place the code into a file called rollover.js then you would include the file as follows

```php
<head>
	<title>..</title>
	<script src="rollover.js" type="text/javascript"></script>	
</head>

```

Next you will need to add the attribute class=“imgover” to any image in your document that requires a mouseover effect to be trigger.

```php
<img src="sample.jpg" alt="Some Image" class="imgover">

```

Finally, for any image in your document you will need to create a rollover state for it, the only requirements for this image is that it is named exactly the same as the original image, but it needs \_o on the end of the name. The image should also be in the same directory as the original and should be of the same type. So for example you would have sample.jpg and sample\_o.jpg files in the same directory.