Asciidoctor :: Discussion

How to create a slide that is filled by entirely by an Image?

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

8 messages Options

Daniel Hinojosa

How to create a slide that is filled by entirely by an Image?

Any recommendations how to create a slide that has no title just an image that spans the entire slide? Is just a matter of CSS sorcery or is there something else?

LightGuardjp

Re: How to create a slide that is filled by entirely by an Image?

If you use '!' As the section title it'll leave the title off the slide, then you just need a single image in the section and can style it from there.

—
Sent from Mailbox

On Sat, May 17, 2014 at 1:26 PM, Daniel Hinojosa [via Asciidoctor :: Discussion] <[hidden email]> wrote:

Any recommendations how to create a slide that has no title just an image that spans the entire slide? Is just a matter of CSS sorcery or is there something else?

If you reply to this email, your message will be added to the discussion below:
http://discuss.asciidoctor.org/How-to-create-a-slide-that-is-filled-by-entirely-by-an-Image-tp1753.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

Daniel Hinojosa

Re: How to create a slide that is filled by entirely by an Image?

All I have now is a slide with ! as the title. Here is what I have....

== !
image::dulles.png[Dulles Airport, 60%, 60%]

I also tried

== '!'
image::dulles.png[Dulles Airport, 60%, 60%]

Daniel Hinojosa

Re: How to create a slide that is filled by entirely by an Image?

In reply to this post by LightGuardjp

Got it:

[canvas-image="images/dulles.png"]
== Dulles Airport

Was in documentation, skipped it mentally somehow.

Danno

LightGuardjp

Re: How to create a slide that is filled by entirely by an Image?

Which slide backend are you using Danno?

—
Sent from Mailbox

On Sun, May 18, 2014 at 2:51 PM, Daniel Hinojosa [via Asciidoctor :: Discussion] <[hidden email]> wrote:

Got it:

[canvas-image="images/dulles.png"]
== Dulles Airport

Was in documentation, skipped it mentally somehow.

Danno

If you reply to this email, your message will be added to the discussion below:
http://discuss.asciidoctor.org/How-to-create-a-slide-that-is-filled-by-entirely-by-an-Image-tp1753p1757.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

Daniel Hinojosa

Re: How to create a slide that is filled by entirely by an Image?

deck.js. Is there another one?

LightGuardjp

Re: How to create a slide that is filled by entirely by an Image?

Ah. I have not used deck.js. Been using dzslides myself.

—
Sent from Mailbox

On Mon, May 19, 2014 at 12:01 AM, Daniel Hinojosa [via Asciidoctor :: Discussion] <[hidden email]> wrote:

deck.js. Is there another one?

If you reply to this email, your message will be added to the discussion below:
http://discuss.asciidoctor.org/How-to-create-a-slide-that-is-filled-by-entirely-by-an-Image-tp1753p1761.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

asotobu

Re: How to create a slide that is filled by entirely by an Image?

Hi I have done this in deckjs, look here https://github.com/asciidoctor/asciidoctor-backends#examples

Basically you should do something like:

[canvas-image="./images/cosplay.jpg"]
== Slide Two

[role="canvas-caption", position="center-up"]
Hello World - Good Bye Cruel World

In this case Slide Two title will not be shown (you can also use the approach sugegsted by Jason), and moreover a message above image will be rendered as well with the title Hello World - Good Bye ....

Of course you can also create an image with a ratio 16:9 and embed it.