jQuery Adaptive Content Slider Plugin - Rambling Slider

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:

• Basic example
• Adaptive Image Size example
• Flash/Video Support example

---

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