Móvil: primer Slider de página completa de JavaScript-fullpage. js

Vista prévia

Descripción

fullpage. js es una biblioteca JavaScript pequeña e independiente para crear un control deslizante de contenido de página completa básico para dispositivos móviles inteligentes con Touch habilitado.

¿Cómo funciona?

Incluya el fullpage. js en la parte inferior del documento.

<script src="src/js/fullpage.js"></script>

Agregue diapositivas personalizadas al control deslizante de página completa de la siguiente manera.

<div id="sectionContent" class="section-content">

<div class="section">


<div class="slide-wrap">



<div class="slide">Slide1</div>



<div class="slide">Slide2</div>



<div class="slide">Slide3</div>



<div class="slide">Slide4</div>



<div class="slide">Slide5</div>


</div>

</div>

<div class="section">Vertical Slide 2</div>

<div class="section">Vertical Slide 3</div>
</div>

Inicialización.

fullpage.init('#sectionContent');

Inicializa el control deslizante de página completa con la configuración opcional.

fullpage.init('#sectionContent',{

threshold: 10,

 pageSpeed: 600,

 afterLoad: null,

 beforeLeave: null
});

Api.

// initialize the slider
init(el,options)

// move to a specified slide
moveTo(index,slideIndex)

// move to next slide
moveToNext(callback)

// move to previous slide
moveToPre(callback)

// slide to next slide
slideToNext()

// slide to previous slide
slideToPre()

Registro de cambios

07/31/2018

• corregido el índice nowPage