emacs/nxhtml/nxhtml/doc/working-demo.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   2           "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4   <head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   6     <title>Something</title>
   7     <script type="text/javascript" src="js/smoothgallery/scripts/mootools.uncompressed.js"></script>
   8     <script type="text/javascript" src="js/smoothgallery/scripts/jd.gallery.js"></script>
   9     <link rel="stylesheet" href="js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
  10   </head>
  11   <body>
  12     <h1>My 1st demo</h1>
  13     <script type="text/javascript">
  14       function startGallery() {
  15           var myGallery = new gallery($('myGallery'), {
  16               timed: true,
  17               delay: 9000,
  18               embedLinks: false,
  19               showArrows: true,
  20               showCarousel: false,
  21               showInfopane: true,
  22           });
  23       }
  24       window.onDomReady(startGallery);
  25     </script>
  26
  27     <div class="content">
  28       <div id="myGallery">
  29         <div class="imageElement">
  30           <h3>Popup completion</h3>
  31           <p>
  32             popup stlye completion
  33             popup stlye completion
  34             popup stlye completion
  35             popup stlye completion
  36             popup stlye completion
  37             popup stlye completion
  38             popup stlye completion
  39             popup stlye completion
  40             popup stlye completion
  41           </p>
  42           <img src="img/popup-compl.png" class="full" />
  43         </div>
  44         <div class="imageElement">
  45           <h3>Emacs style completion</h3>
  46           <p> emacs stlye completion </p>
  47           <a href="#" title="open image" class="open"></a>
  48           <img src="img/emacs-style-completion.png" class="full" />
  49           <img src="ximages/brugges2006/1-mini.jpg" class="thumbnail" />
  50         </div>
  51         <div class="imageElement">
  52           <h3>Edit part</h3>
  53           <p> edit part </p>
  54           <a href="#" title="open image" class="open"></a>
  55           <img src="img/edit-part.png" class="full" />
  56           <img src="ximages/brugges2006/1-mini.jpg" class="thumbnail" />
  57         </div>
  58       </div>
  59     </body>
  60   </html>