Mouse over image help needed!!!

[justinw]

I was given a mouseover code, which displays correctly while I am offline, but when I upload everything it does not display correctly.

If you go to my site (www.empangenispca.co.za) you will see the lost image holder at the top left
------------------------------------------------

Here is the code:

<script language="JavaScript" type="text/javascript">
img0_on = new Image(61,61);
img0_on.src="images/logoover.jpg";
img0_off = new Image(61,61);
img0_off.src="images/logo.jpg";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src");
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src");
}
</script>


<a href="home.html" target="right"
onmouseover="over_image('img0');"
onmouseout="off_image('img0')">
[img]images/logo.jpg[/img]</a>

Please help!

PS: I got this code off from Bravenet's Tips and Tricks area. View it correctly here:
http://www.bravenet.com/resources/ti...ip.php?view=13

[justinw]

I was given a mouseover code, which displays correctly while I am offline, but when I upload everything it does not display correctly.

If you go to my site -www.empangenispca.co.za- you will see the lost image holder at the top left
------------------------------------------------

Here is the code:

<script language="JavaScript" type="text/javascript">
img0_on = new Image(61,61);
img0_on.src="images/logoover.jpg";
img0_off = new Image(61,61);
img0_off.src="images/logo.jpg";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src");
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src");
}
</script>


<a href="home.html" target="right"
onmouseover="over_image('img0');"
onmouseout="off_image('img0')">
[img]images/logo.jpg[/img]</a>

Please help!

PS: I got this code off from Bravenet's Tips and Tricks area. View it correctly here:
http://www.bravenet.com/resources/ti...ip.php?view=13

[paulhiles]

Hi Justin,

Are you sure you've uploaded the rollover images to the correct directory?
When I entered the full path to the image, there is a "file not found" error.
If the image is there.. it should display below:

http://www.empangenispca.co.za/images/logoover.jpg


Paul

[mikmik]

Make sure that you uploaded your images. When I tried 'images/logo.jpg' it came back as not found.

The folder of images should stay exactly the same in relation to your index page. Don't move it into another directory (folder) and make sure the logo images are in a folder named "images".

[paulhiles]

Hi Justin,

I've merged the two postings of your original question to Web programming and Site Design. Please try to avoid "cross-posting". I know you might feel as though you're doubling the chances of a response, but more often than not.. it merely dilutes the effort that members can give to answering specific problems.
In this particular instance, it looks as though mikmik and myself have arrived at the same conclusion (albeit in separate forums). Have a look at your site folders and get back to us! :o)

Paul

[justinw]

Thanks all for your help.

My folders were correctly arranged but there was a second images folder within the original folder. I have reset everything, taken off and uploaded everything again.

Do you know if the files are case sensitive? My logo files are ending with .JPG and not .jpg. If you try the logo link with the .JPG ending with capitals then only does it show up. Confusing, eh!?



@paulhiles: Fine by me (",)

I'll keep at the problem. Thanks.[img][/img][img][/img]

[matauri]

Originally Posted by empangenispca

Do you know if the files are case sensitive?

Yes they are case sensitive, so sometimes you have to check that programs that create them are then converted to lower case. I say to convert to lower case rather than just put the .JPG , because, with reforms to standards, uppercase is on the way out.


Cindy

[justinw]

OK thanks. I will convert them in the future. If you look at my previous posting you can see the mouse over second logo with the .JPG.

So uppercase is going out? Why is that, please?

[justinw]

Another thing:
With the mouseover image, I have placed a script for the mouseover image to be preloaded. I have used this script and it is a script include:

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("images/logoover.JPG")
---------------------------------------------------
Where I have the image effect I have this along with a status bar effect:

<a href="home.html" target="right"
onmouseover="over_image('img0'),onMouseOver=window .status='Empangeni SPCA -Home'; return true"
onmouseout="off_image('img0')">
[img]images/logo.JPG[/img]</a>


Is that all correct because when I go over the image it takes a few seconds to respond sometimes.

[matauri]

Have a read of this link , it might help for future coding practices.


Cindy

[justinw]

Thanks for the link... I read it.
I am surprised at what they had to say about the horizontal lines and breaks requiring the slash within the tags.

But if it makes things better I will definately do it. :)

[mikmik]

Matauri wrote

Have a read of this link , it might help for future coding practices.

Good link, I must say :o)

Thanks Mat, I am going try the CDATA 'wrap' for style and script tags, I have just been making them all external if they didn't validate (javascript!)

Also, it can be confusing because some servers are not case sensitive when it comes to file extentions, but my main bug is when software uses uppercase to name my files that I produce - always set the options properly when setting up your apps :o(

LOL

[matauri]

You mean I had a link you didnt have Mik??? I'm dumbfounded! ;-)

I thought between you & Paul you had every link covered! :-)



Cindy

[paulhiles]

Originally Posted by Matauri

You mean I had a link you didnt have Mik??? I'm dumbfounded! ;-)

I thought between you & Paul you had every link covered! :-)

Mik definitely has the lead on me there... he's been gobbling up choice CSS links left right and centre! Doug suggests we look into Bookmark Management Systems! hmmm... he may well have a point! :o)

Paul

[matauri]

I was reading that...LOL...Maybe you & Mik are on to something! ;-)


Cindy

[justinw]

Thanks to paulhiles, mikmik and Mautari for your help! I have changed all my file names to lower case and my mouse over image works (",)

PS: Could you just please check if the mouse over works for you? Thanks.

[paulhiles]

Hi Justin,

Rollover in top left works fine... tested in Mozilla Firebird and IE (action was a bit slow in IE). Your home.html page wasn't displaying any images though.. are you in the process of updating that page? I think it's still referencing two images with the uppercase suffix (valentine.JPG, zulucom.GIF) both of which should be in your images folder.

Hope that helps,

Paul

[justinw]

I also noticed that the action was slow in IE... I don't know why. I have uploaded my homepage with the changes; the images should show correctly now.

I will change the home page soon to look better.

[justinw]

Another thing about the mouse over being slow:

Coudl it be that I have two scripts in the menu? I have the mouse over script and a preloaded image script. Could those two be conflicting and making it slow?

[paulhiles]

Try modifying the following line in your preload script:

preloadimages("images/logo.jpg, images/logoover.jpg")

At the moment, you're only calling the logoover.jpg.
you also need to add the logo.jpg image, try this and you may find the action improves!
I just tried locally here and it seemed to work.

Paul

[justinw]

OK, I added that. It still seems to pause before.

[paulhiles]

Originally Posted by empangenispca

OK, I added that. It still seems to pause before.

Try clearing the cache on your browser.. it certainly appears to be quicker from here.. but it's a bit difficult to be truly objective, because I'm on a fast connection anyway.
I was getting an hourglass flash momentarily before.. but now the action seems pretty immediate. Try asking other members/ friends to check it out too! :o)

Paul

[justinw]

Thanks then. Hopefully other members can comment as well.