a jQuery UI plugin for smart sliding carousels, checkout example and docs
JavaScript PHP
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
tests
thumbs
.gitignore
.rvmrc
LICENSE
README.md
ajax.php
demo.html
jquery-1.5.1.min.js
jquery-ui-1.8.11.custom.css
jquery-ui-1.8.11.custom.min.js
jquery.easing.1.3.js
jquery.scrollTo-1.4.2.js
jquery.sliding.css
jquery.sliding.js
json.php
mockup.png
style.css

README.md

jQuery sliding

About the plugin ?

This plugin is a slide component developed to attempt complex carousels, that can be smart enough to load dynamic content as needed.

Documentation and usage

You can see examples at Sliding Github page

You can get reference about documentation at Sliding Github page docs

A complete tutorial for examples of use Creating sliding itens with jQuery Sliding

Para documentação em português Criando elementos deslizantes com o jQuery Sliding

In a nutshell:

<script type="text/javascript" src="jquery.sliding.js"></script>
<script type="text/javascript">
  $(function(){
      $("#cool-list").sliding({
		  items: 5,
          item: "li",
          prev: ".previous",
          next: ".next"
        });
    });
  </script>

Or event:

<script type="text/javascript" src="jquery.sliding.js"></script>
<script type="text/javascript">
  $(function(){
      
		  $('element').sliding({
		    items: 4,
		    url: url,
		    urlFormat: '{url}/page/{page}/',
		    next: nextLink,
		    prev: prevLink,
		    disabledClass: 'disabled',
		    speed: 500,
		    pager: ".pager",
		    onAppend: function(data) {
		       // data is { total_pages: 2, html: 'content' }
		       return data.html;
		    }
		  });
        });

  </script>

Features

  • You can create carousel with simple lists in one line
  • Using jQuery UI theme support
  • Using the jQuery UI API for tracking events for fully customization
  • Request new elements for carousels just when needed, caching the current viewed pages
  • Option for auto height adjustment, this way is possible to have different content sizes

Tested

  • Firefox 3+ Windows / MAC / Linux
  • IE 7+ Windows
  • A complete test suite using Jasmine

Dependencies

Authors

Version history

  • 1.9.1
    • Fixing bugs for numbered pagination
  • 1.9
    • Fixing bugs for numbered pagination
  • 1.8
    • Suport for numbered pagination
  • 1.7.1
    • The refresh when setTotalPages broke the method, now fixed
  • 1.7.0
    • When setTotalPages is not needed anymore to manually call refresh, it made it internally
    • A new option type to set ajax request type, default is GET
  • 1.6.0
    • In progress
  • 1.5.1
    • Allow to pass a page when restart
  • 1.5
    • Support to initalize with current page. The default is 1.
  • 1.4
    • Firefox bug when reload the page
  • 1.1.1
    • bugfix - making slide for first page when initialize the plugin for browser refresh issues in firefox
  • 1.1
    • using the jQuery UI callback standard to use callback as events
  • 1.0.2
    • bugfix - the plugin not handle next page when is just one page
  • 1.0.1
    • Prevent multiples clicks in navigation to avoid a disorder behavior
  • 1.0.0
    • slide of simple list
    • ajax sliding
    • custom url formats
    • easing