jQuery Adaptive Content Slider Plugin - Rambling Slider

jQuery Adaptive Content Slider Plugin - Rambling Slider
File Size: 503KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Rambling Slider is a rewritten version of jQuery Nivo Slider Plugin which is is considered as the most popular jQuery slider in the world. It includes some new options and methods to give the slider the ability to adapt different image sizes, flash/video support and transitions extensions.

Basic Usage:

1. Include jQuery library and jQuery Rambling Slider on the web page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="../assets/javascripts/jquery.rambling.slider.min.js"></script> 

2. Include Rambling Slider CSS on the page

<link rel="stylesheet" href="../assets/stylesheets/jquery.rambling.slider.min.css" type="text/css" media="screen">

3. Create the html

<div id="slider" class="ramblingSlider"> 
<img src="1.jpg" alt=""> 
<img src="2.jpg" alt="" title="This is an example of a caption"></a> 
<img src="3.jpg" alt=""> 
<img src="4.jpg" alt="" title="#htmlcaption"> 
</div>

4. Call the plugin

<script type="text/javascript">
$(window).load(function() {
$('#slider').ramblingSlider();
});
</script>

More examples:


This awesome jQuery plugin is developed by gonzedge. For more Advanced Usages, please check the demo page or visit the official website.