Subscribe
Follow UsjQuery images animations effect
11 years ago
28884
3695
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':
You might also like
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu