2016-04-21 45 views
5

Sto cercando di capire come includere immagini di sfondo centrata sulla diapositive titolo utilizzando reveal.js diapositive durante la scrittura in RMarkdown alla http://rmarkdown.rstudio.com/revealjs_presentation_format.htmlL'aggiunta di slide image titolo per RMarkdown vetrini con reveal.js

Il test ponte I avere è la seguente

--- 
title: "Attempt" 
css: style.css 
output: revealjs::revealjs_presentation 
--- 

## Will this work 

- Did the title slide have an image? 

con style.css come

.title { 
    background-image: url(http://img1.wikia.nocookie.net/__cb20100706023807/familyguy/images/c/c7/Tauntaun.png); 
    background-position: center center; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    } 

nota, .title è l'unica cosa che mostra tutte le immagini sulla diapositiva del titolo. Ho provato alcune altre combinazioni basate su ciò che ho visto su SO e in altri posti.

.section .reveal .state-background basano su Rstudio 0.98.1028 add background image only to title slide

.title-slide sulla base di Adding an image to title slide using slidify

nessuno di questi lavori. Mi sto perdendo qualcosa? Forse c'è una magica opzione YAML che ho tralasciato?

risposta

4

OK, ecco la risposta facile. In sostanza, crea un titolo vuoto e poi un'immagine come sfondo dei dati nella diapositiva del titolo. Puoi anche fare qualsiasi altra cosa sulla diapositiva del titolo. Io uso le div per mettere un bel titolo grande nel mezzo della diapositiva.

--- 
title: 
output: revealjs::revealjs_presentation 
--- 

## {data-background="http://img1.wikia.nocookie.net/__cb20100706023807/familyguy/images/c/c7/Tauntaun.png"}