zemax / jquery-splitflap Goto Github PK

Currently the animation runs only in one direction. For example from zero to nine, maybe it could be necessary to run it backwards for example from nine to zero. I know, that it is possible with new image sets, but that is very complicated and an unnecessary overhead.

Hi,

I really love this little scripts and was wondering if it would be possible to get (if it exists) the .PSD file that was used to create the image that contains the characters. I was asked to potentially add a different alphabet (i.e. greek, russian, etc.).

Thank you!

Kalydon

First of all congratulation for your interesting jquery-slipFlap.
The question is this: is there a easy way to update a text in the same row without re-animation?
I mean, suppose to load a json object every few minutes, if the row (same line) has the same value comparing to the previous one than do not update and do not animate. How to achieve it?

example:
old

JSON = {
	"num":100,
	"name":"test.com",
	"messages":"msg"
}

action: animation....

new

JSON = {
	"num":100,
	"name":"test.com",
	"messages":"msg"
}

action: no animation (leave the previuos one because equal to the previous one)

It would be nice to be able to show the same text before the animation as afterwards.
So the text can flip on hover, for instance.

How can i manual stop slot by click a button ???

Thanks !

How can I change the time it takes to the complete animation maintaining the velocity?
Thanks!

I like this plugin. I think it would be nice to be able to set the starting and the ending situation.
Now everything works nice when we call the functionality when document is ready. But when I want to start it (for example) on click, first I have to set the final situation in my div and the user see it first before and then after the animation one more time.

Hi,

I'm trying to build a never-ending animation using splitFlap. The following code works fine for the first animations, but after executing the callback, the animation gets faster and faster.

I attached a video to visualize the problem.

function startRandomFlipboard() {

    $('#sectionFlipboard').find('.empty-splitflap').splitFlap({
        text: 'fubafubafuba',
        image: 'assets/images/chars.jpg',
        speed: 2,
        speedVariation: 3,
        charsMap: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789.',
        charWidth: 69,
        charHeight: 91,
        autoplay: true,
        onComplete: startRandomFlipboard
    });

}

https://dl.dropboxusercontent.com/u/14653935/example.mov

Thanks for your help!

I'm not able to change the size of the characters. See for example what happens after using the following change in your example main.js

$('.empty-splitflap')
.splitFlap({
text: 'This text was created from js',
charWidth: 20,
charHeight: 40
});

The div is smaller but the characters have still the previous size. So I can see only parts of the characters.

I spent a lot of time but could fix this problem, I got many blank tiles before the actual text.

It would be nice to be able to set in the parameters the name of a callback function which will be executed after the animation is finished.

is it possible to start new animation and display another text after previous animation?

Can i set any option to display only number in my slot?

Thank you very much!

Is it possible to at 3 words to one animation, so that it animates from word to word to word to word etc etc etc?