An example of calculator with small size

jQuery, CSS and HTML
<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" media="all" href="css/jquery.zbox/jquery.zbox.css" />
<!--    <script type="text/javascript" src="jquery-1.10.2.js"></script> -->

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.zbox/jquery.zbox.min.js"></script>
    <script type="text/javascript">
      //<![CDATA[
      jQuery(document).ready(function(){
        jQuery(".zoom-demo").zbox( { margin:40 } );
      });
      //]]>
    </script>
</head>
<body>
    <div id="wrapper">
    <h3>Click on image to open lightbox</h3>
      <a class="zoom-demo" rel="group" href="images/cal-large2.jpg" title="tall">
        <img src="images/cal-sm2.jpg"/>
      </a>

    </div><!-- wrapper -->


  

</body>
 
</html>