Skip to content

mattiapazienti/Mistl-Slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Mistl-Slider

JQuery plugin - Mobile friendly loop slider with vertical horizontal and popup options!

##Include

Include the jq.mistl script anywhere after your jquery library call.

<script src="jq.mistl.js"></script>

##Slide structure

Use this markup for the slide basic structure:

<div class="something">
  <ul> 
    <li><a href="#"><img src="" alt="" /></a></li>
  </ul>
</div>

Attach Mistl function

$(document).ready(function(){
  $('.something').mistl();
});

Options before body closure (Slide vertical, or horizontal with popup effect) :

$(document).ready(function(){
  $('.something').mistl({
      mode: 'vertical'
  });
  $('.something').mistl({
      popup: true,
      toggleText: 'open slide'
   });
});

Edit the stylesheet included as your needs.

About

JQuery plugin - Mobile friendly loop slider with vertical horizontal and popup options!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published