Sami Pro
Posts: 0
Joined: Thu Apr 30, 2015 9:20 pm

help using swiper library

I am trying to use Swiper (external Js library for swiping)
https://github.com/nolimits4web/Swiper
I have an even on pageshow:

$(document).ready(function () {
//initialize swiper when document ready
var mySwiper = new Swiper ('.swiper-container', {
// Optional parameters
direction: 'vertical',
loop: false
});
});

then I add this to the body in html view:

Code: Select all

 <!-- Additional required wrapper -- 

     <!-- Slides -- 
     Slide 1 
     Slide 2 
     Slide 3 

But the swiping does not work

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

help using swiper library

Hi Sami -

Have you added JS and CSS assets of this library into your Appery.io project?

You mean you're using this HTML structure:
precode
<!-- Slider main container -->
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">Slide 1<>
<div class="swiper-slide">Slide 2<>
<div class="swiper-slide">Slide 3<>
&#46;&#46;&#46;
/code/pre

Return to “Issues”