The plugin creates CSS sprites from the original uploaded image, resizes to the defined dimensions and then applies the selected filter.
You can have has many different sprites as you like. Larger images (over 1000px * 1000px) will depending on your chosen filter, take longer to process.
Supports jpg, png and gif images.
There is also a live example which demonstrates a live example of the plugin in use.
Image upload silently fails. Occasionally an image upload will silently fail. If this occurs, try to upload the image again. This seems to be a Safari issue.
How do I access the sprite using php?
Each sprite is registered as a custom image size. So to access that image you simply need to specify the image identifier you used when registering your sprite; Access image like so eg:
‘wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), ‘image-identifier’);`
How do I animate the sprite?
To begin you will need to set the containing block element of your sprite to the width of your sprite and 1/2 of its height. Something like the following;
Once you have your sprites within a CSS container, you need to animate the sprite, or simply change it’s position. The actual positions and dimensions will depend on what you have set within the plugin.