Включить ссылку «Предыдущая / Следующая» в каждый слайд Xaringan - PullRequest
0 голосов
/ 13 февраля 2019

Поскольку я встраиваю набор слайдов, созданных с помощью Xaringan, на веб-сайт, боюсь, посетители не поймут, как просматривать слайды.

Чтобы каждый мог найти способ просмотреть их, я хотел бы добавить предыдущую / следующую ссылку в правом нижнем углу каждого слайда.Это может заменить нумерацию страниц, так как нумерация мне не нужна.

Мне не удалось найти решение в документации или в онлайн-примерах, которые я нашел.

В xaringan wiki есть страница с номерами слайдов , но это не уточняет, как это сделать.

Глядя на документацию mark.js , кажется, что есть способ создать нумерацию с помощью таких функций, как эта:

  slideNumberFormat: function (current, total) {
    return 'Slide ' + current + ' of ' + total;
  }

Это выглядит хорошо,и я должен быть в состоянии приготовить функцию, которая делает то, что мне нужно.Однако, если я передаю функцию через природу, например,

output:   xaringan::moon_reader:
    lib_dir: libs
    nature:
      slideNumberFormat: "function (current, total) {return \'Slide \' + current + \' orrrr \' + total;}"

, это, похоже, не работает.(он просто добавляет «функцию ...» и т. д. как текст)

Я мог бы добавить вручную div к каждому слайду:

<div style="position: absolute; right: 40px; bottom: 10px; width: 300px;">
<h2><a href="#1">Previous</a> / <a href="#3">Next</a></h2>
</div>

Но это громоздко, и яуверен, что должен быть лучший способ.

Обновление :

В качестве обходного пути я добавил этот блок кода в html после , который я экспортировалэто, в этом блоке <script>var slideshow = remark.create({:

 "slideNumberFormat": function (current, total) {
    return '<h3><a href="#' + (current-1) + '">Previous</a> / <a href="#' + (current+1) + '">Next</a></h3>';
  }
...