Stack Overflow
Stack Overflow

Questions tagged [spritely]

Spritely is a jQuery plugin for working with animated sprites in a web page.

Spritely is a jQuery plugin for working with animated sprites in a web page.

Home page: http://www.spritely.net/

16 questions
7
votes
2 answers

Moving an image randomly around a page

I created three .png images of hot air balloons. Each are different sizes so that they give off the idea of "depth." What is the best way to code these .png's so that they move and float around my container like hot air balloons? I've tried the…
James Barracca
  • 465
  • 2
  • 6
  • 14
2
votes
1 answer

Error: 'Can not get property 'replace' of undefined reference or null' only on IE

I'm trying to implement a simple animation using Jquery Spritely. The problem is that on Chrome, Firefox, and Safari everything works fine. But on IE I got the follow error: 'Can not get property 'replace' of undefined reference or null' The…
Carol
  • 329
  • 3
  • 16
2
votes
2 answers

Animating sprite using Spritely

I am using Spritely to animate sprites. I have managed to pan successfully however my final job is to create 'stars' that fade in and out. I have created a sprite sheet: I followed the documentation found here and altered the number of frames and…
Graham Smith
  • 25,627
  • 10
  • 46
  • 69
1
vote
1 answer

Spritely - Play CSS sprite forward and backward on click

I'm trying to create a clickable sprite animation that plays forward (frame 0 --> X) on the first click and stop at frame X. Once complete, clicking it would play it in reverse (frame X --> 0) and stop on frame 0. Rinse/repeat. This jsFiddle has it…
ahainen
  • 766
  • 1
  • 5
  • 12
1
vote
0 answers

stopping an animated object - jQuery & spritely plug in

I am trying to set up this animated div so that it rolls across the screen once then stops unless the page is reloaded. // JavaScript Document jQuery(document).ready(function() { $('#far-clouds').pan({ fps: 20, no_of_frames: 24, …
Cvrpapc
  • 199
  • 2
  • 3
  • 11
1
vote
2 answers

Spritely div .click not working

I am using the JS plugin called "Spritely" to animate background images. Everything works (backgrounds are moving). But I can't get a function to be active when clicked on a div(sprite). (I have the script.js, jquery and spritely included in the…
Kraishan
  • 443
  • 5
  • 14
  • 38
1
vote
1 answer

Animation in HTML without lag

I am trying to create a spinning animation using HTML and jQuery. I have tried two different ways: 1) Wrote my custom animation function to make the animation happen. $(window).load(function() { $(".vfx_1").css({width:'550px',…
Harsha Venkataramu
  • 2,887
  • 1
  • 34
  • 58
1
vote
1 answer

reverse sprite animation on mouseout

I have a sprite animation that I would like to play when the mouse hovers over the object and then play in reverse and stop on the first frame whenever the mouse leaves the object. This is what I have for the mouse enter…
James Barracca
  • 465
  • 2
  • 6
  • 14
1
vote
1 answer

new spritely animation each click

I am trying to have a character on my page that uses the Spritely script to animate. The sprite sheet that I am using contains a total of 92 frames. I would like for the animation to be clickable. When clicking it for the first time, I want it to…
James Barracca
  • 465
  • 2
  • 6
  • 14
1
vote
1 answer

jQuery Sprites with Spritely

After 2 solid days of being stuck on one problem, I finally found a MUCH simpler way of making an animation from several frames... it's called Spritely. What I have so far var play_frames = 23; $('#door_hov').hover( function() { …
user1868086
  • 89
  • 1
  • 11
0
votes
0 answers

animations on a jquery mobile phonegap app

I have a client that insist on having animations on their JQM/PhoneGap app I am developing. The original animation was Flash (.swf) and videos. I am taking a training manual that was a made in the a basic website and using JQM and PhoneGapping it…
The Griff
  • 1
  • 1
0
votes
1 answer

Spritely Callback Function

I have an implementation of Spritely running where the last half of the frames need to loop for infinity after the first play of all frames. Can this be done with a callback? - I looked at 'on_frame:' but this doesn't appear to run as a function.
devlondoner
  • 127
  • 2
  • 11
0
votes
1 answer

Change spState when direction change in spRandom

another swimming fish question ;-) Is there a way to detect the direction in which spRandom is currently moving ? So that I can change the spState of my sprite from 1 to 2. if direction=left spState(1) -> Fish faces left if direction=right…
Dejansen
  • 13
  • 2
0
votes
1 answer

Sprite animation using multiple pngs

I've been trying to do a little cross-platform animation, thus no web-kit frames or canvas etc, no svg(Android issue) either I have 7 pngs and I want to animate through them(not using bunch of setTimeOuts), this sounds to me like a very simply…
Matthew Yang
  • 605
  • 1
  • 13
  • 23
0
votes
2 answers

How to Remove Jquery Sprite Animation After Click

I have an object, that, when you click on it, two things happen... a div with some text appears, and a character plays a short sprite animation. However, I want the sprite animation to be completely removed after it plays for the first time. I want…
James Barracca
  • 465
  • 2
  • 6
  • 14
1
2