Как разместить фоновое изображение в show.js?

Я хочу иметь фоновое изображение с правой стороны одного слайда в презентации opens.js.

Я добавил изображение на слайд следующим образом:

 <section data-background="myImage.jpg">
  // content
 </section>

Как добавить стили CSS, чтобы они отображались на правом краю экрана?

Ответы

Ответ 1

Эта статья помогла найти решение. Вы можете добавить стиль к элементу html для текущего раздела, используя

data-state="something"

и, конечно, вы можете использовать этот стиль для настройки вашего css. Поэтому я использовал этот html:

<section data-background="myImage.jpg" data-state="img-right">
    // content
</section>

и следующий css:

html.img-right div.slide-background.present {
    background-position: right;
}