Get started with magnify CDN

MIT licensed

Magnify: Lightweight JS image zooming/panning library.

Tags:
  • jquery-plugin
  • jquery magnify
  • magnify
  • magnifying glass
  • zoom

Stable version

Copied!

How to start using magnify CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with magnify CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnify/2.3.3/css/magnify.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/magnify/2.3.3/js/jquery.magnify.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.magnify').magnify({
                width: 300,
                height: 300,
                zoom: 3
            });
        });
    </script>
</head>
<body>
    <img src="image.jpg" alt="Image to be magnified" class="magnify">
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions