2017-10-11 14 views
0

Galleria.io API를 사용하여 슬라이드 쇼 만들기. 내가 ("ID DIV 태그의 내용을 호출 할 Galleria.io의 다운로드에서 제공하는 고전적인 테마를 사용하고, 스크립트 아래이있는 한갤러리아 자동 슬라이드 쇼

<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> 

=처럼 내 HTML 페이지에서 갤러리아의 DIV 태그 보인다 갤러리아 ").

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

나는 fullscreenauto slideshow을 가능하게하기 위해 갤러리아의 공식 문서를 참조 페이지가 있습니다.

그러나이 문서에서는 메서드 이름 만 제공하며 해당 메서드를 구현하는 예제는 제공하지 않습니다. 누군가가 스크립트 태그에서 이러한 메소드를 구현하는 방법을 안내해 줄 수 있습니까?

나는 또한 auto-resize in galleria 에 대한 토론을 통해 구현했지만 문제가 발생했습니다.

답변

0

그래서 답변을 찾았으며 Galleria.io 사용자 정의에 참조로 게시했습니다. 모든 것이 동일 할 것입니다. 갤러리아는 다양한 기능을위한 매개 변수를 가지고 있습니다. 자동 슬라이드 쇼의 기능을 위해, 나는이 방법으로 같은 스크립트를 편집했다.

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

      }); 
     }); 
</script>