I've been struggling to get an image stack working with Asciidoctor -> Reveal.js
I'm trying to get something in-effect like the second example under r-stack: https://revealjs.com/layout/
As I am presenting, I'd like to flip through some images while the surrounding text/header/etc. all remain the same (think of describing some process and then going from a "before" to an "after" picture diagram.
.. maybe then have the transition be accompanied with some text being highlighted
I've tried to fiddle with all sorts of combinations, but I'm only getting images appearing vertically stacked, and not in a block style over/replacing each other. My CSS-foo isn't really good enough to narrow down the issue - but the way Asciidoc wraps images in a <span c lass="image"> might be interfering with the desired outcome
Any thoughts/help would be appreciated!
And if it's impossible that'd also be good to know so that I can give up :)
I've been struggling to get an image stack working with Asciidoctor -> Reveal.js
I'm trying to get something in-effect like the second example under
r-stack: https://revealjs.com/layout/ As I am presenting, I'd like to flip through some images while the surrounding text/header/etc. all remain the same (think of describing some process and then going from a "before" to an "after" picture diagram... maybe then have the transition be accompanied with some text being highlighted
I've tried to fiddle with all sorts of combinations, but I'm only getting images appearing vertically stacked, and not in a
blockstyle over/replacing each other. My CSS-foo isn't really good enough to narrow down the issue - but the way Asciidoc wraps images in a<span c lass="image">might be interfering with the desired outcomeAny thoughts/help would be appreciated!
And if it's impossible that'd also be good to know so that I can give up :)