Hi Mans,

Important!!! -> This is just a proof of concept.

Import the attachment into a TW. The CSS and test tiddler should be easy 
enough, to see, what's going on and how to use it.

The concept is taken from a codepen [1] from Antonis Kamamis. The images 
are mine so no credits needed, at least for me ;)

It should be possible, to make the image frame more responsive, so you can 
have horizontal and vertical aligned images. 
It should be possible to make the number of links dynamic, with a TW list 
widget, and some simple templates. 

Dynamically calculating the CSS animations, seems to be a bit trickier, but 
should be possible with a very simple js macro or even CSS variables. So no 
js needed. Just TW macros out of the box.

A quick search revealed one more page [2], which contains several pure CSS 
concepts. Probably all of them could be easily implemented into TW. 

have fun!
mario

[1] http://codepen.io/antoniskamamis/pen/hjBrE
[2] http://bashooka.com/coding/pure-css3-image-sliders/


-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b6017663-b635-457b-8217-f381eb412765%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Attachment: cssFader-proof-of-concept.json
Description: Binary data

Reply via email to