fc.tape — rotate css-sprites like cinema tape

Home Slideshow & Scrollerfc.tape — rotate css-sprites like cinema tape

fc.tape — rotate css-sprites like cinema tape

12 years ago Views

14894

2148

Author

fc.tape — rotate css-sprites like cinema tape

jQuery widget for sprite animations.

Basic usage

To embed the widget in your page you need to create a block element with fixed dimensions, equal to your frame size, and background image of your sprite:

<div class="tape" />

.tape {
    width: 420px;
    height: 315px;
    background: url(tape.png) 0px 0px no-repeat;
}

Now you need to activate fc.tape. Options can be provided both in javascript and in html via data-attributes (we will use later method throughout the demo).