Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Magno</title>
    <script src="https://raw.github.com/OdeToCode/Magno/master/lib/Underscore.js" type="text/javascript"></script>
    <script src="https://raw.github.com/OdeToCode/Magno/master/lib/jquery-1.5.1.js" type="text/javascript"></script>
    <script src="https://raw.github.com/OdeToCode/Magno/master/lib/jquery.backgroundPosition.js" type="text/javascript"></script>
    <script src="https://raw.github.com/OdeToCode/Magno/master/src/jquery.magno.js" type="text/javascript"></script>
    <style type="text/css">
        img
        {
            border:0; margin:0; padding:0;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#bart1").magno({ opacity: 0.5, scale: 1.0, size: 100 });
            $("#bart2").magno({ opacity: 0.5, scale: 0.4, size: 100 });
        })
    </script>
</head>
<body>
​
    <div style="padding:50px">
        <img src="https://github.com/OdeToCode/Magno/raw/master/example/bart.png" alt="bart" id="bart1" />
        <img src="https://github.com/OdeToCode/Magno/raw/master/example/bart.png" alt="bart" id="bart2" />
    </div>
​
​
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers