Thêm trượt hình ảnh tiêu đề để RMarkdown trượt với reveal.js

Question

Tôi đang cố gắng tìm ra cách để đưa hình ảnh nền tập trung vào các slide tiêu đề sử dụng reveal.js slide trong khi viết trong RMarkdown a la http://rmarkdown.rstudio.com/revealjs_presentation_format.html

Bài kiểm tra boong tôi có là như sau

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

## Will this work 

- Did the title slide have an image? 

với style.css như

.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%; 
    } 

Note, .title là điều duy nhất mà sẽ hiển thị bất kỳ hình ảnh nào trên trang chiếu tiêu đề. Tôi đã thử một vài kết hợp khác dựa trên những gì tôi đã thấy trên SO và những nơi khác.

.section .reveal .state-background dựa trên Rstudio 0.98.1028 add background image only to title slide

.title-slide dựa trên Adding an image to title slide using slidify

Không ai trong số những công việc. Tui bỏ lỡ điều gì vậy? Có lẽ có một lựa chọn ma thuật YAML mà tôi đã bỏ ra?

Answer 1

OK, đây là câu trả lời dễ dàng. Về cơ bản, tạo một tiêu đề trống và sau đó có một hình ảnh làm nền dữ liệu trên trang chiếu tiêu đề của bạn. Bạn có thể làm bất cứ điều gì khác mà bạn muốn trên slide tiêu đề cho biết là tốt. Tôi sử dụng div để đặt một tiêu đề lớn đẹp ở giữa trang chiếu.

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

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