js2/mwEmbed/libClipEdit/Jcrop/demos/tutorial1.html

   1 <html>
   2         <head>
   3
   4                 <script src="../js/jquery.min.js"></script>
   5                 <script src="../js/jquery.Jcrop.js"></script>
   6                 <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
   7                 <link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
   8
   9                 <script language="Javascript">
  10
  11                 jQuery(function(){
  12                         jQuery('#cropbox').Jcrop();
  13                 });
  14
  15                 </script>
  16
  17         </head>
  18
  19         <body>
  20                 <div id="outer">
  21                 <div class="jcExample">
  22                 <div class="article">
  23
  24                         <h1>Jcrop - Hello World</h1>
  25                         <img src="demo_files/flowers.jpg" id="cropbox" />
  26
  27                         <p>
  28                                 <b>This example is provided as a demo of the default behavior of Jcrop.</b>
  29                                 Since no event handlers have been attached it only performs
  30                                 the cropping behavior.
  31                         </p>
  32
  33                         <div id="dl_links">
  34                                 <a href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a> |
  35                                 <a href="http://deepliquid.com/content/Jcrop_Manual.html">Manual (Docs)</a>
  36                         </div>
  37
  38                 </div>
  39                 </div>
  40                 </div>
  41         </body>
  42 </html>
  43