Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

jQuery Resize

By: a guest on Dec 28th, 2012  |  syntax: HTML  |  size: 0.83 KB  |  hits: 69  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  6.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  7.   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  8.   <style type="text/css">
  9.     #emblem { width: 600px; height: 600px; background: transparent; border:1px solid #000; }
  10.   </style>
  11.   <script>
  12.   $(document).ready(function() {
  13.     $("#emblem").resizable({handles: "n, ne, e, se, s, sw, w, nw"});
  14.   });
  15.   </script>
  16.  
  17. </head>
  18. <body style="font-size:62.5%;">
  19.  
  20. <div style="width:100%; height:100%;">
  21. <img id="emblem" src="betos.svg" />
  22. <!--download image: https://www.dropbox.com/sh/fajaeecgef3dqsp/nhcY0OgWUi-->
  23. </div>
  24.  
  25. </body>
  26.  
  27. </html>