4 <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
5 <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
6 <script src="../../configure.js"></script>
7 <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
8 <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
9 data-framework-theme="tizen-white"
10 data-framework-viewport-width="device-width">
12 <script src="../../main.js"></script>
13 <title>Tizen UI - Transition page</title>
14 <!-- for compatibility test -->
15 <meta name="apple-mobile-web-app-capable" content="yes" />
16 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
17 <link rel="apple-touch-icon" href="../../icon-tizen.png" />
20 <div data-role="page" data-add-back-btn="true" id="transition-list">
21 <div data-role="header" data-position="fixed">
24 <div data-role="content">
25 <ul data-role="listview" data-icon="1line-textonly">
26 <li><a href="#transition-page" data-transition="depth">depth</a></li>
27 <li><a href="#transition-page" data-transition="fade">fade</a></li>
28 <li><a href="#transition-page" data-transition="pop">pop</a></li>
29 <li><a href="#transition-page" data-transition="flip">flip</a></li>
30 <li><a href="#transition-page" data-transition="turn">turn</a></li>
31 <li><a href="#transition-page" data-transition="flow">flow</a></li>
32 <li><a href="#transition-page" data-transition="slidefade">slidefade</a></li>
33 <li><a href="#transition-page" data-transition="slide">slide</a></li>
34 <li><a href="#transition-page" data-transition="slideup">slideup</a></li>
35 <li><a href="#transition-page" data-transition="slidedown">slidedown</a></li>
36 <li><a href="#transition-page" data-transition="none">none</a></li>
38 </div><!-- /content -->
39 <div data-role="footer" data-add-back-btn="true">
42 <div data-role="page" data-add-back-btn="true" id="transition-page">
43 <div data-role="header" data-position="fixed">
46 <div data-role="content">
47 <div data-role="gallery" data-vertical-align="middle">
48 <img src="../../widgets/test/05.jpg">
50 </div> <!-- /content -->
51 <div data-role="footer">