https://github.com/gadicc/fview-kenburns
IjzerenHein's kenBurnsContainer packaged for famous-views
https://github.com/gadicc/fview-kenburns
Last synced: 8 months ago
JSON representation
IjzerenHein's kenBurnsContainer packaged for famous-views
- Host: GitHub
- URL: https://github.com/gadicc/fview-kenburns
- Owner: gadicc
- Created: 2014-11-13T17:47:09.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-11-22T06:53:05.000Z (over 11 years ago)
- Last Synced: 2025-02-17T21:18:55.716Z (over 1 year ago)
- Language: JavaScript
- Size: 121 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: History.md
Awesome Lists containing this project
README
# famous-lagometer
This is [IjzerenHein's
KenBurnsContainer](https://github.com/IjzerenHein/famous-kenburnscontainer)
packaged for Meteor to work with famous-views and either raix:famono or mjn:famous.
Usage:
```handlebars
{{#KenBurnsContainer id="kbc"}}
{{#ImageSurface content="image.png"}}{{/ImageSurface}}
{{#KenBurnsContainer}}
```
```js
var kenBurnsContainer = FView.byId("kbc").view;
// create sequence of pan & zoom animations
kenBurnsContainer.panAndZoom([0.0, 0.05], 1.9); // move to left-top & zoom-in
kenBurnsContainer.delay(); // wait a bit (use default delay)
kenBurnsContainer.panAndZoom([0.5, 0.5], 3.0); // move to center and zoom-in further
kenBurnsContainer.delay(3000); // wait a bit
kenBurnsContainer.panAndZoom(null, 1.0, 4000); // zoom-out with custom duration
```
See the [full API reference](https://github.com/IjzerenHein/famous-kenburnscontainer/blob/master/docs/KenBurnsContainer.md).