#jQuery.RSlide

A simple, auto slide animation jQuery plugin for Desktop and Mobile

####Include

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

####Installation

Include js and css after the jQuery library

<script type="text/javascript" src="js/jquery.RSlide-1.0.1.js"></script>
<link type="text/css" rel="stylesheet" href="css/RSlide.css" />

####Usage

Create Markup Structure :

<!-- s : contents -->
<div id="fluid-slide" class="scroll-wrap">
	<!-- list -->
	<div class="scroll">
		<ul class="list">
			<li class="item">
				<div class="photo"><img src="images/img01.jpg" alt="" /></div>
				<div class="desc">Gallery 01</div>
			</li>
			<li class="item">
				<div class="photo"><img src="images/img02.jpg" alt="" /></div>
				<div class="desc">Gallery 02</div>
			</li>
			<li class="item">
				<div class="photo"><img src="images/img03.jpg" alt="" /></div>
				<div class="desc">Gallery 03</div>
			</li>
			<li class="item">
				<div class="photo"><img src="images/img03.jpg" alt="" /></div>
				<div class="desc">Gallery 04</div>
			</li>
		</ul>
	</div>
	<!-- paging -->
	<div class="paging">
		<a href="#nowhere" class="on"><span class="blind">1</span></a>
		<a href="#nowhere" class="reservation"></a>
		<a href="#nowhere"><span class="blind">2</span></a>
		<a href="#nowhere"><span class="blind">3</span></a>
		<a href="#nowhere"><span class="blind">4</span></a>
	</div>
	<!-- button left , right -->
	<div class="btn-wrap">
		<button type="button" class="btn btn-prev"><span class="blind">prev</span></button>
		<button type="button" class="btn btn-next"><span class="blind">next</span></button>
	</div>
</div>
<!-- e : contents -->

Create new Constructor :

var mySlide = new FluidSlide($(".className") , speed , interval);