Glitch on mouseover image help

JavaScript
1

Hi

I have made some mouseover elements on this site, but some of them seem glitchy when you mouseover them. I thought it was a cache problem, but not sure anymore. Does anyone have any ideas?

http://www.chrisdrogaris.com/hexagram/11/

Thanks,
Chris

2

Also, I noticed it doesn’t work in IE or Safari.
Any suggestions would be appreciated.

3

You have W3C validation errors in your html. Perhaps fix those first.

Also, some people don’t click posted links, so you might improve your chances of getting help if you post your html and javascript and/or css.

4

I fixed the errors and put the site here:
www.chrisdrogaris.com/hexagram/12/

Now it just doesn’t work in IE, for example if you mouseover the facebook icon it will make a sound.
There is an IE error in the javascript (bold below):

Any ideas?

var Kinetic_2d = function(canvasId){
this.canvas = document.getElementById(canvasId);
this.context = this.canvas.getContext(“2d”);
this.drawStage = undefined;
this.listening = false;

5

I can send someone 10$ in paypal if they can find the problem pm me I guess if anything or post here

6

You might want to ask for the thread to be moved to the Javascript forum.

7

And done. :slight_smile:

8

Thanks!

9

UPDATE:

I updated the link to http://www.chrisdrogaris.com/hexagram/15/

I the only thing left is the flickring, when you mouse over a image. I preloaded the images and it still flickers.

10

Ok I think I fixed it for the most part. Just letting people know so they don’t try to fix it. Thanks!