jQuery gaBasicSlider Plugin Demos


Example 1

This example is using custom indicators.

Proin Quis Tortor Orci. Etiam At

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque, purus et congue convallis, justo mi tincidunt erat, nec efficitur quam mi et ligula. Nulla sed euismod purus. Praesent vestibulum pharetra nibh, sit amet efficitur massa condimentum quis. Donec semper lacus vel venenatis ornare. Donec vitae velit eu lacus pulvinar convallis. Nulla molestie nisl ullamcorper neque dapibus, non euismod arcu aliquet. Morbi feugiat quam ut justo tempor, vel efficitur ipsum sodales. Integer interdum mollis interdum. Sed et purus pulvinar quam sollicitudin malesuada. Morbi condimentum, lorem et pharetra scelerisque, massa justo auctor leo, non mattis quam dui nec magna.

Nullam In Dui Mauris. Vivamus Hendrerit Arcu

Nulla semper at nulla non elementum. Nulla bibendum magna vel metus vestibulum pulvinar sed eu elit. Morbi ut posuere ligula. Vivamus at tortor facilisis, ultricies diam placerat, hendrerit nisi. Suspendisse malesuada erat dui, eu vulputate turpis luctus in. Nunc hendrerit magna eget velit fringilla porta. In diam mauris, ullamcorper in diam id, dictum dapibus orci. Proin pretium nisi et aliquet aliquam. Maecenas sollicitudin auctor eros, id consequat eros egestas et. Etiam ut quam semper, laoreet arcu in, imperdiet augue.

Lorem Ipsum Dolor

Maecenas fringilla finibus dignissim. Nam lacinia sem id ipsum pulvinar commodo ac eget nibh. In aliquam ut nisl ut porta. Fusce eu magna sit amet nibh vulputate bibendum. Nulla vitae ornare nulla, id lobortis nunc. Curabitur at venenatis ligula. In eu faucibus est. Vivamus at eleifend est. Nulla gravida massa orci, a vulputate velit interdum in. Curabitur lacinia laoreet sem vel fringilla. Proin eget sem lacinia, eleifend sapien vitae, mollis leo. Nulla euismod volutpat justo quis rutrum. Donec eget justo non neque feugiat aliquam a et ipsum.

custom indicator 1 custom indicator 2 custom indicator 3


Example 2

I've initialized this example with animate: false. Now the slider won't animate unless there is a user initiated click.

$('#your-slider').gaBasicSlider('start');

$('#your-slider').gaBasicSlider('stop');

Previous Next