Glider.js and Tiddlywiki

[Mohammad]

How we can have this in tiddlywiki:

https://github.com/NickPiscitelli/Glider.js

Cheers

Mohammad

[@TiddlyTweeter]

I can't get anything but the first demo to work on that ...

[David Gifford]

oooh this would be nice for tutorials!

[Mark S.]

That's odd. All the demos worked for me ... assuming I was just supposed to see a bunch of big numbers scrolling back and forth in various ways.

-- Mark

[Mohammad]

It is interesting to know that, glider.js is only 2kB in gzip format and has no dependency!

Hope someone makes a plugin of it!

-Mohammad

[Mark S.]

 Sort of possible. My approach was klugey.  Trying things.

[Mohammad]

Hello Mark,

 That looks great! 

Hope you can share!

-Mohammad

[Mark S.]

Ok. Here's a plugin. This isn't great, but it might give someone an idea for making something better.

I think that the underlying code at the main Glider.js site depends on tricking the browser into invoking the same code multiple times. This may or may not work, depending on the browser and platform. So, the same limitations will almost certainly show up in TW.

I strongly recommend testing this only in an empty or otherwise unimportant TW. I put in error catching code, which I think reduces problems, but .... who knows whether it covers all the bases. Absolutely be sure to have backups before using this anywhere important!!

There are 3 components in making Glider(s) work:

1. HTML code with parts identified by ID or Class

2. A Query selector to find those parts

3. A JSON string to provide options for how the parts are to work together.

There is a usage tiddler ... but I feel that my powers of prose may not have been at their best.

All of the examples at the original site, and one of my included one's need FontAwesome to look right. I did not include that technology, but you can obtain it from the usual suspects.

Good luck!

-- Mark

[Mohammad]

Hello Mark,

 Many thanks! Why don't  you put it on tiddlyspot.com?

It seems the Glider double does not work!

Mohammad

[Mark S.]

I'm not sure that it warrants a permanent home yet ;-)

What do you mean by "doesn't work" ? What do you see? What browser and platform are you using?

It definitely works on my system (or I would not have posted it), but I suspect this might be context-sensitive.

-- Mark

[Mohammad]

Mark,

 it works now! I had to reopen the wiki!

Thanks