[TW5] Building a Slideshow

[francois godard]

Hi everyone,

From http://tiddlywiki.com/ I see that we can do slideshow presentation from Tiddlywiki 5. Now I have a few points I would like to cover to make the presentation great:

• Hide the tiddler title, author and timestamp

• I am currently struggling with CSS to do that, idealy the style would only apply to the tagged tiddler. I can modify all tiddlers currently, or affect more items that I would like to. (I am not very good at css)
• Do you have recommendation on a page to look at , to understand how to only affect these 3 objects ?
• Close the previous tiddler by clicking on an image
  
• I can see that a button works well to do that, but the link widget does not allow the actionsendmessage apparently

This in not working
<$link to="Next Slide">[img[CurrentSlide.png]]<$action-sendmessage $message="tm-close-other-tiddlers" $param="Next Slide"/></$link>

• If I use a button

<$button>[img[CurrentSlide.png]]
<$action-navigate $to="Next Slide"/>
<$action-sendmessage $message="tm-close-other-tiddlers" $param="Next Slide"/>
</$button>

The behavior is correct , but my image is not sized properly to the tiddler, so it looks ugly
plus the image gets its right and left border modified. I guess I could use CSS to correct the button.


Many thanks in advance for your ideas !

[PMario]

Hi,
Have a look at: http://tiddlywiki.com/talkytalky
-m

[francois godard]

Hi Mario,

Thanks for the tip,I realized I missed the post made 1 year ago or so.
So I tried the punch theme and start playing with it.
I get fairly nice results , but still more questions than answers !

What I did is the following
Open talkytalky and drag and drop the punch theme into my tw.
I did modify the theme itself (menu > More > System > $:/themes/tiddlywiki/punch > edit)
Is there a better place to do it ? (because I noticed your can break your tiddlywiki by messing around JSON)

I set body.tc-body .tc-tiddler-frame .tc-tiddler-body with "tmax-width: none", this way the image can be full screen. That works well

I wanted to hide the tiddler's title all the time. So played with the opacity and .tc-titlebar:hover. The results was that everything was hidden all the time (including the buttons). So I tried instead to set to "display: none;" .tc-title. (fail) But I must admit I don't know any of the css tiddler objects. Is there a place where this is described ?

Now, What I could not reproduce is the left button in talkytalky that goes to the next open tiddler.

What I found is that I must use buttons to navigate through my slides, or use the zoomin storyview.
If I use links (without zoomin), tiddlers open but are not automatically centered. Using buttons allow me to close the previous tiddler.
Using Zoomin is great , but it seems to block a flash animation. :-(

And with buttons (back to my first point), the size of the picture is fixed. Or I need to play with css again.

Thanks in advance everyone for your thoughts

[Birthe C]

Hi Francois,

TalkyTalky also use two modified shadow tiddlers. $:/core/ui/ViewTemplate that makes it possible to change the background color in your tiddler using the field 'background-color', and $:/core/ui/ViewTemplate/next that gives you the button to go to next open tiddler.


Birthe