🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

mn-jq-slide is a super tiny jQuery slider plugin to create a responsive, full-width, auto-rotating image carousel that is fully configurable via HTML data attribute.

Carousel Image-Slider

Documentation

mn-jq-slide

Simple jquery slider

  • Prepare slider:

    <div class="mn-jq-slider" id="slider" data-timer="5000">   <div class="mn-jq-chrome">     <div class="mn-jq-prev"><i class="fa fa-fw fa-chevron-left"></i></div>     <div class="mn-jq-next"><i class="fa fa-fw fa-chevron-right"></i></div>     <div class="mn-jq-counter"></div>     <div class="mn-jq-dots"></div>   </div>   <div class="mn-jq-slide" data-copy="&copy; 2017 Marco Montanari" data-img=""></div>   <div class="mn-jq-slide" data-copy="&copy; 2017 Marco Montanari" data-img=""></div>   <div class="mn-jq-slide" data-copy="&copy; 2017 Marco Montanari" data-img=""></div>   <div class="mn-jq-slide" data-copy="&copy; 2017 Marco Montanari" data-img=""></div>   <div class="mn-jq-slide" data-copy="&copy; 2017 Marco Montanari" data-img=""></div> </div> 
  • run slider in your JS.

    makeSlider("#slider"); 

You May Also Like