Submit your widget

jQuery images animations effect

Created about a year ago   Views 32517   downloads 3733    Author cobalys
jQuery images animations effect
View DemoDownload 838.5 KB
103
Share |

JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge's Zoopraxiscope.

Requirements

  • JQuery
  • JQuery UI
  • An image representing the sequence to be animated

Browser Compatibility

  • Chrome 18.0.1025.162
  • Mozilla Firefox 11.0
  • Internet Explorer 8
  • Safari 5
  • Opera 11.62

Use

Download JZoopraxiscope and reference the jquery.jzoopraxiscope.js file from your page:

<script src="jquery.jzoopraxiscope.js"></script>

Reference jQuery and jQuery UI libraries from your page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script>

Prepare the static sequence. Every frame must have the same width and be attached to his previous frame in a horizontal image. Refer to the included file 'jzoo.jpg':

Read more:https://github.com/cobalys/JZoopraxiscope