Question

I was wondering why in mozilla firefox the same image menu has different way of transition on different sites.
If you use firefox and go to this link and then hover over different pictures you will get to know how it moves http://www.alohatechsupport.net/examples/image-menu-2.html
after doing that go to this link http://bloghutsbeta.blogspot.com/2012/04/testing-main.html and hover over images and see how it moves.

In both cases the transition effect is same but in one it is slow (hanging) while in other it is smooth. I didn’t presented the Markup as the both are identical but still if you feel like let me know in comments I will edit it to provide you with as much relevant data as possible and required.

<script type="text/javascript" src="files.cryoffalcon.com/javascript/…; 

<script type="text/javascript"> 
    $().ready(function() { 
        $('.jimgMenu ul').kwicks({
            max: 310, 
            duration: 300, 
            easing: 'easeOutQuad', 
            complete: 'callback'
        });
    });
</script>

Answer 1

Did you try and check how each is configured? It could be that the plugin had options for easing.

Anyways, it could also be affected by the number of elements in that showcase. More elements means more DOM nodes to animate, and everyone knows DOM manipulation is an expensive operation. This could lead to choppy, non-smooth animation.

Also, the number of elements itself might affect animation. The other one has a less slides per width (loose) while the other has more slides per width (cramped). This also affects your perception of the same animation.