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

Slideview is a jQuery plugin which divide your webpage into a fullscreen horizontal slider with smooth transition effects based on CSS3 transitions and transforms.

page-slider

Documentation

jquery-slideview

JQuery Slider Component

Usage

$(".slideview").slideview({   nextButton: '.slideview-next',   prevButton: '.slideview-prev',   pagination: '.slideview-pagination' });
<div class="slideview">   <div class="slideview-content">     <div class="slide">       Slide 1     </div>     <div class="slide">       Slide 2     </div>     <div class="slide">       Slide 3   </div>   <a class="slideview-button slideview-prev"></a>   <a class="slideview-button slideview-next"></a>   <div class="slideview-pagination"></div> </div>

Options

<tr>   <td>nextButton</td>   <td>Next Button selector or markup</td> </tr> <tr>   <td>prevButton</td>   <td>Previous Button selector or markup</td> </tr> 
Name Description
buttonDisabledClass CSS Class to add to a disabled next- or previous-button
contentSelector Scroll container selector. Defaults to `> .slideview-content`
scrollStyle Specify which style to use for scroll motion. Can be one of `position` or `transform`.*
pagination Pagination container selector or markup
paginationActiveClass CSS Class to add to the currently active pagination item
paginationItem A function to provide markup of pagination items. Defaults to `function(index) { return $('<a class="slideview-pagination-item"> </a>'); }`

In order to get support for css-transitions and -transforms, you need to include jquery.fx-transition and jquery.fx-transform


You May Also Like