[Sommaire] [Imprimer]

   1          <div id="imgedit">
   2              <form class="nospace" method="post" action="{$imgedit.my_url}" onsubmit="imgedit_getCoordinates()">
   3                  <div class="smallcaps center">
   4                      <input class="specialbutton" type="submit" name="crop" value="Crop this image! I'm serious!" />
   5                      <div id="scaletext">
   6                          <span>OR</span> <input class="specialbutton" type="submit" onclick="return imgedit_autoSize('true');" name="scale" value="Just get that crap somehow inside, will ya? (Equals to: Fit image to largest side)" />
   7                      </div>
   8                  </div>
   9  
  10                  <input type="hidden" id="area_orientation"  name="area_orientation"  value="{$imgedit.area_orientation}" />
  11                  <input type="hidden" id="zoombox_factor"    name="zoombox_factor"    value="{$imgedit.zoombox_factor}" />
  12                  <input type="hidden" id="zoombox_x"         name="zoombox_x"         value="{$imgedit.zoombox_x}" />
  13                  <input type="hidden" id="zoombox_y"         name="zoombox_y"         value="{$imgedit.zoombox_y}" />
  14                  <input type="hidden" id="real_img_width"    name="real_img_width"    value="{$imgedit.real_img_width}" />
  15                  <input type="hidden" id="real_img_height"   name="real_img_height"   value="{$imgedit.real_img_height}" />
  16                  <input type="hidden" id="autoguess_clicked" name="autoguess_clicked" value="{$imgedit.autoguess_clicked}" />
  17  
  18                  <div id="zoom">
  19                      <div class="smallcaps">
  20                          <input type="submit" name="action[enlarge]" onclick="return imgedit_zoom(-2); this.blur();" value="Enlarge" class="button" />
  21                      </div>
  22  
  23                      <script language="JavaScript" type="text/javascript">
  24                          document.write('<div id="zoomslider"><img id="zoombutton" src="{serendipity_getFile file="admin/img/imgedit_slider.gif"}" width="25" height="5" alt="[Slider]" /></div>');
  25                      </script>
  26  
  27                      <noscript>
  28                          <div class="smallcaps">Zoom: {$imgedit.zoombox_factor}x</div>
  29                      </noscript>
  30  
  31                      <div class="smallcaps"><input type="submit" name="action[reduce]"          onclick="return imgedit_zoom(2); this.blur();"   value="Reduce" class="button" /></div>
  32                      <div class="smallcaps"><input type="submit" name="autoscale"               onclick="return imgedit_autoSize('false');"      value="Best Guess" class="button" /></div>
  33  
  34                      <!-- BEGIN ORIENTATION_AVAILABLE -->
  35                      <div class="smallcaps"><input type="image"  name="toggle_area_orientation" onclick="return imgedit_areaOrientation();"    title="Toggle Orientation" alt="Toggle Orientation" src="{serendipity_getFile file="admin/img/imgedit_orientation.gif"}" /></div>
  36                      <!-- END ORIENTATION_AVAILABLE -->
  37                      <noscript>
  38                          <br />
  39                          <input class="button" type="submit" name="action[moveup]"    onclick="this.blur();" value="^" /><br />
  40                          <input class="button" type="submit" name="action[moveleft]"  onclick="this.blur();" value="&lt;" />
  41                          <input class="button" type="submit" name="action[moveright]" onclick="this.blur();"  value="&gt;" /><br />
  42                          <input class="button" type="submit" name="action[movedown]"  onclick="this.blur();"  value="V" /><br />
  43                          <span class="smallcaps">Move by <input class="button small" type="text"   name="move_increase" value="{$imgedit.move_increase}" />px</span>
  44                      </noscript>
  45                  </div>
  46  
  47                  <div id="outer">
  48                      <img id="backdrop" src="{$imgedit.http_img_name}"       alt="Backdrop"    width="{$imgedit.img_width}"   height="{$imgedit.img_height}"   />
  49                      <img id="overlay"  src="{$imgedit.http_img_name}"       alt="Overlay"     width="{$imgedit.img_width}"   height="{$imgedit.img_height}"   />
  50                      <img id="harea"    src="{$imgedit.harea_img_name}"  alt="[Crop area]" width="{$imgedit.harea_width}" height="{$imgedit.harea_height}" />
  51                      <img id="varea"    src="{$imgedit.varea_img_name}"  alt="[Crop area]" width="{$imgedit.varea_width}" height="{$imgedit.varea_height}" />
  52                  </div>
  53              </form>
  54          </div>
  55          <script language="JavaScript" type="text/javascript">imgedit_init({$imgedit.zoombox_width}, {$imgedit.area_border}, {$imgedit.zoombox_x}, {$imgedit.zoombox_y}, '{$imgedit.area_orientation}');</script>
  56      </body>
  57  </html>