Get started with jQuery.BlackAndWhite CDN

MIT licensed

JQuery.BlackAndWhite is a jQuery plugin that converts images to grayscale.

Tags:
  • jquery
  • grayscale
  • images

Stable version

Copied!

How to start using jQuery.BlackAndWhite CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jQuery.BlackAndWhite CDN - cdnhub.io</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jQuery.BlackAndWhite/0.3.8/jquery.BlackAndWhite.min.js"></script>
    <style>
        #image {
            width: 300px;
            height: 300px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <img id="image" src="path/to/your/image.jpg" alt="Black and White Example">
    <button id="convert">Convert to Black and White</button>

    <script>
        $(document).ready(function() {
            $('#convert').click(function() {
                $('#image').BlackAndWhite();
            });
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions