[RESOLVED] jQuery animation functions

Hello

I am wondering of what may make jQuery animation functions work not correctly on some browsers.

In my example, I have seen the 5 links on the left in Firefox and I saw a smooth movement, but that is not in IE, and not an old version, check it please on IE8 it is not cool as it is on FF.

click here to see please

Any comment?

You might want to try using the hoverIntent plugin; it slightly delays the execution of hover() behavior, which prevents excess, unnecessary animation.

You could also optimize your hover() behavior with something like...

Code:

---

    $('.main-title').hover(function(){
        if(!$(this).next(".main-content").is(':visible')){
          $(".main-content").hide('fast').filter($(this).next(".main-content")).show('normal');
        }
    });

---

Thank you mr SambaNeko for your replay :)

your code is really an optimized version of mine, but at the same time, using hoverIntent plugin didn't solve it, I have applied and you can see on the same link.

I think it is global animation problem caused by my JS code, forget about the five links and see the why to choose lianoeil.com on the right, or go to gallery page, you will see the difference between IE and Firefox.

thank you

Edit: this problem is only on IE8, animation works good even on IE6 !!!!

IE8 appears to improve when I remove this from your markup:

Code:

---

<img src="/fix/images/background.png" alt="" longdesc="http://www.lianoil.com" width="0" height="0" id="background" />

---

I would guess that IE8's redraw process is taking that image into account, and because it's huge, it's bogging down everything.

For your menu, you might also want to consider what's discussed on this page about repeated background images.

first of all, thanks for reading my code :)

1. the huge image has a different story, it is the background image itself but using img tag and as you see it is hidden. I am using it to make a counter for loaded images in page and I wanted to include the background image in my calculates, but as you said: IE8 appears to improve when remove it


2. the external article is just my case, it is really useful and comments too. I'll try to use a different way in my design

thank you :)