demos/tizen-gray/widgets/imageslider.html

   1 <!DOCTYPE html>
   2 <div data-role="page" data-add-back-btn="true">
   3         <div data-role="header" data-position="fixed">
   4                 <h1>Image Slider</h1>
   5         </div>
   6         <div data-role="content" data-scroll="none">
   7                 <div data-role="imageslider" id="imageslider" data-start-index="3" data-vertical-align="middle">
   8                         <img src="./test/01.jpg">
   9                         <img src="./test/02.jpg">
  10                         <img src="./test/03.jpg">
  11                         <img src="./test/04.jpg">
  12                         <img src="./test/05.jpg">
  13                         <img src="./test/06.jpg">
  14                         <img src="./test/07.jpg">
  15                         <img src="./test/08.jpg">
  16                         <img src="./test/09.jpg">
  17                 </div>
  18         </div> <!-- /content -->
  19         <div data-role="footer"data-position ="fixed">
  20                 <div data-role="controlbar" data-style="toolbar" >
  21                         <ul>
  22                                 <li id="imageslider-add"><a href="#">Add</a></li>
  23                                 <li id="imageslider-del"><a href="#">Delete</a></li>
  24                         </ul>
  25                 </div><!-- /navbar -->
  26         </div>
  27 </div> <!-- /page -->