apolinario / spriteonhover Goto Github PK

IE doesn’t know what background-position is, it only knows 2 other calls: background-position-x and background-position-y. Here is a function to handle this problem.

(function($) {
  jQuery.fn.backgroundPosition = function() {
    var p = $(this).css('background-position');
    if(typeof(p) === 'undefined') return $(this).css('background-position-x') + ' ' + $(this).css('background-position-y');
    else return p;
  };
})(jQuery);

Also be sure to replace line 82 and 125 from:

var backgroundPos = $(this_parent).css('background-position').split(" ");

To:

var backgroundPos = $(this_parent).backgroundPosition().split(" ");

I would like to know if we can skip a frame ???

Hi there,

I am using this to create an annimation when hover over but it is not working for me. I think it might be my PNG - How do I set up my PNG correctly - please advise.!

Cheers :)