Login  Register

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

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
8 messages Options Options
Embed post
Permalink
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

Daniel Hinojosa
17 posts
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?
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

LightGuardjp
354 posts
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

Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

Daniel Hinojosa
17 posts
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%]
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

Daniel Hinojosa
17 posts
In reply to this post by LightGuardjp
Got it:

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


Was in documentation, skipped it mentally somehow.

Danno
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

LightGuardjp
354 posts
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

Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

Daniel Hinojosa
17 posts
deck.js. Is there another one?
Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

LightGuardjp
354 posts
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

Reply | Threaded
Open this post in threaded view
| More
Print post
Permalink

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

asotobu
298 posts
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.