Галерея авто слайд-шоу

Создание слайд-шоу с использованием API Galleria.io. Тег Galleria DIV на моей HTML-странице выглядит так:

   <div class="content">
      <div id="galleria">
        <!-- I have used Javascript to input values in this DIV tag -->
      </div>

      <div id="full" style="float: right">
        <!-- DIV tag for fullscreen and auto slideshow play-->
        <button>full screen</button>
        <button>play slideshow</button>
      </div>
   </div>

Я использовал классическую тему, представленную в загрузках Galleria.io, и у которой есть приведенный ниже скрипт для вызова содержимого в теге DIV ("id = galleria").

<script>
     $(function () {
         Galleria.run('#galleria');
       });
</script>

У меня есть ссылка на официальную документацию Galleria для включения полноэкранного режима и автоматическое слайд-шоу.

Но эти документы предоставляют только имена методов, а не примеры реализации этих методов. Может кто-нибудь подсказать, как реализовать эти методы в теге script?

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


javascript slideshow galleria
person Raxit Solanki    schedule 11.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Итак, я нашел ответы и разместил их в качестве ссылки в настройке Galleria.io. Все будет так же, в Galleria есть параметры для разных функций, которые мы должны вызывать. Для функциональности автоматического слайд-шоу я отредактировал тот же сценарий в вопросе таким образом.

 <script>
        $(function () {
            Galleria.run('#galleria', {     
                autoplay: 3000,
                transition: 'flash',
                transitionSpeed: 600,

            });
        });
 </script>
person Raxit Solanki    schedule 13.10.2017