Results 1 to 5 of 5

Thread: [RESOLVED] jQuery animation functions

Hybrid View

  1. #1

    Thread Starter
    Addicted Member
    Join Date
    Feb 2010
    Location
    Damascus - Syria
    Posts
    145

    Resolved [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?

  2. #2
    Frenzied Member
    Join Date
    Apr 2009
    Location
    CA, USA
    Posts
    1,516

    Re: jQuery animation functions

    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');
            }
        });

  3. #3

    Thread Starter
    Addicted Member
    Join Date
    Feb 2010
    Location
    Damascus - Syria
    Posts
    145

    Re: jQuery animation functions

    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 !!!!
    Last edited by fjober; Nov 14th, 2011 at 02:19 PM.

  4. #4
    Frenzied Member
    Join Date
    Apr 2009
    Location
    CA, USA
    Posts
    1,516

    Re: jQuery animation functions

    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.

  5. #5

    Thread Starter
    Addicted Member
    Join Date
    Feb 2010
    Location
    Damascus - Syria
    Posts
    145

    Re: jQuery animation functions

    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
    Last edited by fjober; Nov 14th, 2011 at 03:32 PM.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width