Requried

• jQuery UI Core
• Fixed size in CSS

Example

		    <link rel="stylesheet" href="css/iphone.css" type='text/css' media='all' />
		    <script type="text/javascript" src="js/jquery.js"></script>
		    <script type="text/javascript" src="js/jquery-ui.js"></script>
			<script type="text/javascript" src="js/ui/ui.iGallery.js"></script>
		    <script type="text/javascript">
			$(document).ready(function(){
				// jquery.iphone.js have autoloader, but you can use
				// alternative method of init widget
		    	$('.gallery').iGallery();
		    });
		    </script>
			<div class="gallery" style="width:320px;height:480px;">					
			    <img src="../app/upackinglist/images/home.jpg" alt="Home Screen"/>
			    <img src="../app/upackinglist/images/list.jpg" alt=""/>
			    <img src="../app/upackinglist/images/list_edit.jpg" alt=""/>
			    <img src="../app/upackinglist/images/list_new.jpg" alt=""/>
			    <img src="../app/upackinglist/images/pack_list.jpg" alt=""/>
			    <img src="../app/upackinglist/images/pack_list_cats.jpg" alt=""/>
			    <img src="../app/upackinglist/images/pack_list_edit.jpg" alt=""/>
			    <img src="../app/upackinglist/images/pack_list_edit2.jpg" alt=""/>
				
			</div>
		

Demo