Get started with cloudinary-jquery CDN

MIT licensed

Cloudinary-jQuery: Simplifies image/video management with Cloudinary, offering easy uploading, manipulation, and delivery via jQuery.

Tags:
  • cloudinary
  • blueimp
  • file
  • upload
  • image
  • transformations
  • manipulation
  • effects
  • thumbnail
  • multiple
  • picture
  • pictures
  • video
  • animation
  • thumbnails
  • CDN
  • crop
  • scale
  • color
  • filter
  • transparent
  • background
  • watermark
  • responsive
  • jpg
  • gif
  • png
  • tiff
  • bmp
  • pdf
  • avi
  • mpeg
  • mpg
  • webp
  • webm

Stable version

Copied!

How to start using cloudinary-jquery CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with cloudinary-jquery CDN - cdnhub.io</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/cloudinary-jquery/2.13.0/cloudinary-jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            // Set your Cloudinary cloud name
            Cloudinary.config({ cloud_name: 'your_cloud_name' });

            // Define the image ID or URL
            var imageId = 'your_image_id';

            // Use the cloudinary function to display the image
            $('#yourImageId').attr('src', Cloudinary.image(imageId, { width: 200, height: 200, crop: 'fill' }));
        });
    </script>
</head>
<body>
    <img id="yourImageId" alt="Cloudinary Image">
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions