Varying the slide transitions

[Martin Fowler]

I'm using deck.js to build online-only presentations (which I call infodecks - example). 

Something I'd like to do is vary the inter-slide transitions, specifically to use horizontal-slide for most transitions, but to occasionally use fade. I've looked at the scss and from what I can tell this is going to be tricky, requiring a considerable refactoring of the scss. Such a task may be doable - but time-consuming and perhaps not the best approach. But in any case I'd like to ensure I'm not missing something. Is there a relatively easy way to selectively style slides to use different transitions that I'm missing?

[Caleb Troughton]

Hi Martin,

Sorry for taking so long to respond to this. You're right that building something like this might be a tricky refactor. There doesn't currently exist an "easy" way to select per-slide transitions. In theory you could try to use the existing SCSS and apply a class to the .slide element unique to each transition, but I can imagine in practice there would be frustrations. For one, this doesn't provide a differentiation in enter and exit transitions, so you may get something like one slide fading out while another slides in. If you do give it a try I'd love to see what you come up with, good or bad, working or not.

Cheers,

Caleb

[Martin Fowler]

As it turns out I won't be giving it a try as I've headed off in a different direction completely. I ran into problems because the infodecks I was writing would crash ipads - which I think was due to memory limitations which get broken since the whole presentation is downloaded (which is sensible when using them for a presentation - you don't want to be dependent on the network). So I ended up writing my own engine that could just download adjacent slides (as well as allow me the different kinds of things I need for the style of decks that I'm working on.)

Amongst all that I haven't looked to vary inter-slide transitions, so it wasn't a feature I was dying for. IIRC the main reason I was probing the possibility was to use fades between slides for more complex builds


Martin Fowler
http://martinfowler.com

> --
> You received this message because you are subscribed to a topic in the Google Groups "deck.js" group.
> To unsubscribe from this topic, visit https://groups.google.com/d/topic/deckjs/12UCrPP74LE/unsubscribe?hl=en.
> To unsubscribe from this group and all its topics, send an email to deckjs+un...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>

[Caleb Troughton]

I've had a few people contact me with the same crashing issue on large decks. I have a gist floating around there somewhere of a deck.js extension that has worked well so far in solving that problem.  It does little more than set display:none on all slides > some threshold index from the current slide, so maybe only 8 slides are taking up the resources that CSS transforms demand.  At some point I intend to mix up the extensions included in the core repository, demoting some to separate repos and adding others, and I intend to include that one. But at the moment deck.js updates aren't a big priority. In time though.  Best of luck to you, Martin.