Marcofbb Noticias y Artículos Webmasters



Publicidad marcored

Total de Comentarios: 2

Avatar
Rikochett
10/04/2014
10:32 am

Se hace con la librería jaquery Spritely. Descárguenla de acá: https://github.com/artlogicmedia/spritely/archive/v0.6.8.zip

Luego, necesitan otros archivos:

Creamos un script para indicar nuestra animación. #nubes es lo que conecta con el div en html.

(function(ablue){
$(document).ready(function(){
$('#nubes')
.sprite ({fps:15, no_of_frames:43})
});
})(jQuery);

Y el estilo:

#blue
{
width: 1912px;
height: 350px;
background-image: url(images/nube.png);
}

Y para que vean el efecto, después del tag body:

*******

Chau

Avatar
Rikochett
10/04/2014
11:13 am

Olvídense del código javascript anterior, está mal:

Entre los tags de javascript:

(function ($){
$(document).ready(function(){
$("#nubes").pan({fps:100, speed:1, dir:"right"});
});
})(jQuery);

para que se vea, entre los tags respectivos, el div "nubes".


Enviar Comentario

(*)

(*)