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
- 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!