jQuery Responsive | Responsive Image Gallery 使い方

	<div id="rg-gallery" class="rg-gallery">
		<div class="rg-thumbs">
			<!-- Elastislide Carousel Thumbnail Viewer -->
			<div class="es-carousel-wrapper">
				<div class="es-nav">
					<span class="es-nav-prev">Previous</span>
					<span class="es-nav-next">Next</span>
				</div>
				<div class="es-carousel">
					<ul>
						<li><a href="#"><img src="images/thumbs/slide1.jpg" data-large="images/slide1.jpg" alt="image01" data-description="Beatrice Chirita" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide2.jpg" data-large="images/slide2.jpg" alt="image02" data-description="Charlize Theron" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide3.jpg" data-large="images/slide3.jpg" alt="image03" data-description="Doutzen Kroes" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide4.jpg" data-large="images/slide4.jpg" alt="image04" data-description="Tetyana Veryovkina" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide5.jpg" data-large="images/slide5.jpg" alt="image05" data-description="Kim Cloutier" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide6.jpg" data-large="images/slide6.jpg" alt="image06" data-description="Jennifer Lopez" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide7.jpg" data-large="images/slide7.jpg" alt="image07" data-description="Bar Refaeli" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide8.jpg" data-large="images/slide8.jpg" alt="image08" data-description="Elisandra Tomacheski" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide9.jpg" data-large="images/slide9.jpg" alt="image09" data-description="Kate Upton" /></a></li>
						<li><a href="#"><img src="images/thumbs/slide10.jpg" data-large="images/slide10.jpg" alt="image10" data-description="Candice Swanepoel" /></a></li>
					</ul>
				</div>
			</div>
			<!-- End Elastislide Carousel Thumbnail Viewer -->
		</div><!-- rg-thumbs -->
	</div><!-- rg-gallery -->