Animare le immagini di sfondo con jQuery

Nel tutorial di oggi vi mostreremo come animare uno sfondo scrivendo un piccolo script javascript/jQuery che calcola dinamicamente la posizione dell'immagine.

 
(function($) {  
 
            // #your-image is div with the image background
 
            var yourImage = $("#your-image");  
 
            yourImage.css('backgroundPosition', '0px' + ' ' + '0px');
 
            window.setInterval(function() {
                yourImage.css("backgroundPosition", x + 'px' + ' ' + y + 'px');  
                y--;
            }, 80);  
 
})(jQuery);
 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>