nxhtml/nxhtml/doc/demo.html

   1 <?xml version="1.0" encoding="iso-8859-1"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   4 <html xmlns="http://www.w3.org/1999/xhtml">
   5   <head>
   6     <title>nXhtml Short Tour</title>
   7     <script type="text/javascript" src="js/smoothgallery/scripts/mootools.js"></script>
   8     <script type="text/javascript" src="js/smoothgallery/scripts/jd.gallery.js"></script>
   9     <link rel="stylesheet" href="js/smoothgallery/css/layout.css" type="text/css" media="screen"/>
  10     <link rel="stylesheet" href="js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen"/>
  11     <style type="text/css" media="screen">
  12       /* <![CDATA[ */
  13       #myGallery {
  14         width: 660px;
  15         height: 500px;
  16       }
  17       /* ]] */
  18     </style>
  19
  20   </head>
  21   <body>
  22     <script type="text/javascript">
  23       function startGallery() {
  24           var myGallery = new gallery($('myGallery'), {
  25               timed: true,
  26               delay: 5000,
  27               embedLinks: false,
  28               showArrows: true,
  29               showCarousel: true,
  30               showInfopane: true,
  31               showDescription: true,
  32           });
  33       }
  34       window.onDomReady(startGallery);
  35     </script>
  36     <div id="myGallery"><!-- SmoothGallery -->
  37
  38       <div class="imageElement">
  39         <h3>Popup completion</h3>
  40         <p>nXhtml can use popup style completion too (for XHTML)</p>
  41         <a href="#" title="open image" class="open"></a>
  42         <img src="img/popup-compl.png" class="full" alt="Popup completion" />
  43         <img src="img/popup-compl.png" class="thumbnail" alt="Popup completion (thumbnail)" />
  44         <div>
  45           <p>
  46             more about popup
  47           </p>
  48           <p>
  49             more about popup
  50           </p>
  51         </div>
  52       </div>
  53
  54       <div class="imageElement">
  55         <h3>Emacs style completion</h3>
  56         <p>Emacs default style for completion uses the minibuffer and an Emacs window</p>
  57         <a href="#" title="open image" class="open"></a>
  58         <img src="img/emacs-style-completion.png" class="full" alt="Emacs style completion" />
  59         <img src="img/emacs-style-completion.png" class="thumbnail" alt="Emacs style completion (thumbnail)" />
  60         <div>du</div>
  61       </div>
  62     </div>
  63
  64     <div id="DescriptionDiv"
  65          style="
  66       text-align: center;
  67          ">
  68       desc div
  69     </div>
  70   </body>
  71 </html>