demo.html

<body>

  <div class="magnify">
    <div class="large"></div>
    <img id="test" class="small" src="Tulips.jpg" width="700" alt="tubmil image" />
  </div>

  <!-- https://github.com/LeaVerou/prefixfree -->
  
  <script type="text/javascript" src="magnify_faq.js"></script>

  <script type="text/javascript">
        $(document).ready(function () {
            // Uses default setting.
            $(".magnify").imageZoom();
        });
  </script>
</body>