Hi Mario
I'm trying to create a macro which will show images in the CSSFader from
the canonical uri field of tiddlers with a specified tag.
Why doesn't this work?:
\define cssf(tag)
<div class="container">
<$list filter='[tag[$tag$]]'>
<$set name="url" value={{!!_canonical_uri}}>
<$set name="alt" value={{!!alt}}>
<img class='photo' src="$url$" alt="$alt$" />
</$set>
</$set>
</$list>
</div>
\end
<<cssf "ImageTag">>
Cheers Måns Mårtensson
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/48aa776b-da69-4615-9742-ce0abfa7a069%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
