src/scrollview/scrollview_paging_nobar.html

	scrollview_paging_nobar.html revision 4bba9ea06b58c829c8fb0debaddca4021dd8bce9
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly<html>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    <head>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <title>Y.ScrollView (x-paging)</title>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <link rel="stylesheet" href="/build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly	    <link rel="stylesheet" href="assets/tests.css" type="text/css" media="screen" title="no title" charset="utf-8">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	<style type="text/css" media="screen">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	#scrollable {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	    white-space: nowrap;
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	    text-align: center;
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	}
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	#scrollable li {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	    border-bottom: 0;
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	}
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        #scrollable li img {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly            width:400px;
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        }
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        .yui3-scrollview {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly            border:1px solid black;
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        }
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	</style>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	<script src="/build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    </head>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    <body class="yui-skin-sam">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <div class="header">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        	<h1>Y.ScrollView: Paging</h1>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        </div>
1e0aa6df8881a856ec262f103bfee1c0a05d19b9Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <div id="scrollable" class="yui3-scrollview-loading paged">
1e0aa6df8881a856ec262f103bfee1c0a05d19b9Jenny Han Donnelly			<ul>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly				<li><img src="http://farm4.static.flickr.com/3358/3644583408_d7e8d4ee44.jpg" style="border:2px solid red" /></li>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly				<li><img src="http://farm4.static.flickr.com/3358/3644583408_d7e8d4ee44.jpg" style="border:2px solid blue" /></li>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly				<li><img src="http://farm4.static.flickr.com/3358/3644583408_d7e8d4ee44.jpg" style="border:2px solid green" /></li>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly				<li><img src="http://farm4.static.flickr.com/3358/3644583408_d7e8d4ee44.jpg" style="border:2px solid yellow" /></li>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly			</ul>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        </div>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	<div id="pager">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		<button id="prev-page">Prev</button>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		<button id="next-page">Next</button>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    	</div>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        <script type="text/javascript" charset="utf-8">
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        YUI({filter:"raw"}).use('dump', 'scrollview-base', 'scrollview-paginator', function(Y) {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly            var scrollView = new Y.ScrollView({
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly                contentBox : '#scrollable',
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly                width : 414,
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly                flick : false
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly            });
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		scrollView.plug(Y.Plugin.ScrollViewPaginator, {
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		    selector: 'li'
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		});
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		scrollView.render();
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		Y.one('#next-page').on('click', Y.bind(scrollView.pages.next, scrollView.pages));
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    		Y.one('#prev-page').on('click', Y.bind(scrollView.pages.prev, scrollView.pages));
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        });
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly        </script>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly    </body>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly</html>
fe0eaf3c7c1942b0a300cd5f3952ada16fb18781Jenny Han Donnelly