Hi Mario

This is very, very nice - and the photos too :-)

Can't help thinking that it would be extremely usefull if it could be 
modified to a macro which takes in a list of images based on a tag - and 
there you go ;-)
The slider option seems to be a perfect fit for presentations - especially 
if we could show tiddlers and images.

A mix of both options, manual slides and automatic slides, where the user 
can decide which one to use, and an option to decide how long each image 
should be shown might also be nice additions...

Great to see that this is all possible with CSS.

Thank you very much for showing how to do it Mario :-)

Cheers Måns Mårtensson

Ps: I've been missing something like Paolo's PhotoGalleryPlugin 
<http://www.math.ist.utl.pt/~psoares/addons.html> and your FancyBoxPlugin 
<http://fancybox-plugin.tiddlyspace.com/>* for TW5.

Cheers Måns Mårtensson

* http://fancybox.tiddlyspace.com/
 

Den søndag den 21. juni 2015 kl. 15.58.06 UTC+2 skrev PMario:
>
> 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/87e4e5e4-41a3-4173-b8af-796811c5a5a3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to