Update hidpi (dpr_auto) and responsive (w_auto) fields according to the current container size and the device pixel ratio.
-Only images marked with the cld-responsive class have w_auto updated.
Update hidpi (dpr_auto) and responsive (w_auto) fields according to the current container size and the device pixel ratio.
-Only images marked with the cld-responsive class have w_auto updated.
-
-
-
-
-
-
-
-
-
-
Parameters:
-
-
-
-
-
-
-
Name
-
-
-
Type
-
-
-
-
-
-
Description
-
-
-
-
-
-
-
-
-
elements
-
-
-
-
-
-Array
-|
-
-string
-|
-
-NodeList
-
-
-
-
-
-
-
-
-
-
-
the elements to modify
-
-
-
-
-
-
-
options
-
-
-
-
-
-Object
-
-
-
-
-
-
-
-
-
-
-
-
Properties
-
-
-
-
-
-
-
Name
-
-
-
Type
-
-
-
Argument
-
-
-
-
Default
-
-
-
Description
-
-
-
-
-
-
-
-
-
responsive_use_breakpoints
-
-
-
-
-
-boolean
-|
-
-string
-
-
-
-
-
-
-
-
-
- <optional>
-
-
-
-
-
-
-
-
-
-
-
- true
-
-
-
-
-
-
when true, always use breakpoints for width
-
when "resize" use exact width on first render and breakpoints on resize
-
when false always use exact width
-
-
-
-
-
-
-
-
responsive
-
-
-
-
-
-boolean
-
-
-
-
-
-
-
-
-
- <optional>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
if true, enable responsive on this element. Can be done by adding cld-responsive.
-
-
-
-
-
-
-
responsive_preserve_height
-
-
-
-
-
-boolean
-
-
-
-
-
-
-
-
-
- <optional>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
if set to true, original css height is preserved.
- Should only be used if the transformation supports different aspect ratios.
Cloudinary is a cloud service that offers a solution to a web application's entire image management pipeline.
Easily upload images to the cloud. Automatically perform smart image resizing, cropping and conversion without installing any complex software. Integrate Facebook or Twitter profile image extraction in a snap, in any dimension and style to match your website’s graphics requirements. Images are seamlessly delivered through a fast CDN, and much much more.
Cloudinary offers comprehensive APIs and administration capabilities and is easy to integrate with any web application, existing or new.
@@ -110,24 +110,12 @@
New API!
The version 2.0.0 release refactors the Cloudinary JavaScrip
-
The same package names are used in both bower and NPM.
Backward compatibility
The cloudinary-jquery-file-upload library is fully backwards compatible with the cloudinary_js library v1.0.25.
The relevant Blueimp files can still be found in the js folder for backward compatibility. If you rely on the Blueimp
files located in the repository’s js folder, make sure to update your links to load-image.all.min.js which replaces load-image.min.js from previous versions.
-However, we encourage developers to use a dependency manager such as bower or NPM to install the 3rd party libraries, and not to rely on the files in the js folder.
+However, we encourage developers to use a dependency manager such as NPM to install the 3rd party libraries, and not to rely on the files in the js folder.
Installation
The following instructions detail the installation of the Cloudinary jQuery File Upload library.
For installation instructions of the core library which is not dependent on jQuery follow this link
-
bower
-
Install the files using the following command. Use the optional --save parameter if you wish to save the dependency in your bower.json file.
-
bower install cloudinary-jquery-file-upload
-
Include the javascript file in your HTML. For Example:
The following instructions describe the installation of the client-side libraries. For the server side NodeJS library, see https://github.com/cloudinary/cloudinary_npm
Install the files using the following commands. Use the optional --save parameter if you wish to save the dependency in your package.json file.
@@ -217,16 +205,16 @@
Direct file upload with backend support
The javascript library implem
See our documentation with plenty more options for uploading to the cloud directly from the browser.
Client side image resizing before upload
See the File Processing Options in https://github.com/blueimp/jQuery-File-Upload/wiki/Options.
Modify your script tags based on the the following example (order is important!):
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
index 727447e..5521285 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "cloudinary-jquery",
- "version": "2.6.2",
+ "version": "2.6.3",
"description": "Cloudinary Client Side JS library. Cloudinary streamlines your web application’s image manipulation needs. Cloudinary's cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more.",
"main": "cloudinary-jquery.js",
"repository": {
From a040eaa4de18d1a99997874265bf60806b1ab565 Mon Sep 17 00:00:00 2001
From: Nir Maoz <47939921+maoznir@users.noreply.github.com>
Date: Sun, 4 Aug 2019 16:52:58 +0300
Subject: [PATCH 5/7] Update README.md
---
README.md | 244 +-----------------------------------------------------
1 file changed, 1 insertion(+), 243 deletions(-)
diff --git a/README.md b/README.md
index cafac6d..d45e9cf 100644
--- a/README.md
+++ b/README.md
@@ -1,248 +1,6 @@
[](https://travis-ci.org/cloudinary/cloudinary_js) []() []() []()
-:information_source: This is a distribution repository for `bower` and `npm`. The sources for this repository are maintained at the [cloudinary_js repository](https://github.com/cloudinary/cloudinary_js). Please submit issues and pull requests to that repository.
-
-# Cloudinary Client Side JavaScript Library - jQuery Plugin `bower` and `npm` repository
-
-Cloudinary is a cloud service that offers a solution to a web application's entire image management pipeline.
-
-Easily upload images to the cloud. Automatically perform smart image resizing, cropping and conversion without installing any complex software. Integrate Facebook or Twitter profile image extraction in a snap, in any dimension and style to match your website’s graphics requirements. Images are seamlessly delivered through a fast CDN, and much much more.
-
-Cloudinary offers comprehensive APIs and administration capabilities and is easy to integrate with any web application, existing or new.
-
-Cloudinary provides URL and HTTP based APIs that can be easily integrated with any Web development framework.
-
-For Javascript, Cloudinary provides a jQuery plugin for simplifying the integration even further.
-
-## Getting started guide
-
- **Take a look at our [Getting started guide for jQuery](http://cloudinary.com/documentation/jquery_integration#getting_started_guide)**.
-
-## Installation
-
-### bower
-
-1. Install the files using the following command. Use the optional `--save` parameter if you wish to save the dependency in your bower.json file.
-
- ```shell
- bower install cloudinary-jquery
- ```
-
-1. Include the javascript file in your HTML. For Example:
-
- ```html
-
-
- ```
-
-### NPM
-
-1. Install the files using:
-
- ```shell
- npm install cloudinary-jquery
- ```
-1. Include the javascript file in your HTML. For Example:
-
- ```html
-
-
- ```
-
-For the server side NPM library, please refer to https://github.com/cloudinary/cloudinary_npm.
-
-## Setup
-
-In order to properly use this library you have to provide it with a few configuration parameters:
-
-Required:
-
-* `cloud_name` - The cloudinary cloud name associated with your Cloudinary account.
-
-Optional:
-
-* `private_cdn`, `secure_distribution`, `cname`, `cdn_subdomain` - Please refer to [Cloudinary Documentation](http://cloudinary.com/documentation/rails_additional_topics#configuration_options) for information on these parameters.
-
-To set these configuration parameters use the `Cloudinary::config` function (see below).
-
-## Usage
-
-The following blog post details the process of setting up a jQuery based file upload.
-http://cloudinary.com/blog/direct_image_uploads_from_the_browser_to_the_cloud_with_jquery
-
-The Cloudinary Documentation can be found at:
-http://cloudinary.com/documentation
-
-### Cloudinary JavaScript library
-
-The Cloudinary JavaScript library API reference can be found at: [https://cloudinary.github.io/pkg-cloudinary-jquery](https://cloudinary.github.io/pkg-cloudinary-jquery)
-
-The Cloudinary JavaScript library provides several classes, defined under the "`cloudinary`" domain.
-
-#### Configuration
-
-Start by instantiating a new Cloudinary class:
-
-##### As jQuery plugin
-
-An instance of the Cloudinary jQuery main class, `CloudinaryJQuery`, is instantiated as `$.cloudinary`.
-
-```javascript
-$.cloudinary.config({ cloud_name: "demo"});
-```
-
-##### Explicitly
-
-```javascript
-var cl = cloudinary.CloudinaryJQuery.new( { cloud_name: "demo"});
-```
-
-##### Using the config function
-
-```javascript
-
-// Using the config function
-var cl = cloudinary.CloudinaryJQuery.new();
-cl.config( "cloud_name", "demo");
-```
-
-##### From meta tags in the current HTML document
-
-When using the library in a browser environment, you can use meta tags to define the configuration options.
-
-The `init()` function is a convenience function that invokes both `fromDocument()` and `fromEnvironment()`.
-
-
-For example, add the following to the header tag:
-```html
-
-```
-
-In your JavaScript source, invoke `fromDocument()`:
-```javascript
-var cl = cloudinary.Cloudinary.new();
-cl.fromDocument();
-// or
-cl.init();
-```
-
-##### From environment variables
-
-When using the library in a backend environment such as NodeJS, you can use an environment variable to define the configuration options.
-
-Set the environment variable, for example:
-```shell
-export CLOUDINARY_URL=cloudinary://demo
-```
-In your JavaScript source, invoke `fromEnvironment()`:
-```javascript
-var cl = cloudinary.Cloudinary.new();
-cl.fromEnvironment();
-// or
-cl.init();
-
-```
-
-#### URL generation
-
-```javascript
-cl.url("sample")
-// "http://res.cloudinary.com/demo/image/upload/sample"
-cl.url( "sample", { width: 100, crop: "fit"})
-// "http://res.cloudinary.com/demo/image/upload/c_fit,w_100/sample"
-
-```
-
-#### HTML tag generation
-
-You can generate HTML tags in several ways:
-
-`Cloudinary::image()` generates a DOM tag, and prepares it for responsive functionality. This is the same functionality as `$.cloudinary.image()`. (When using the jQuery plugin, the `src-cache` data attribute is stored using jQuery's `data()` method and so is not visible.)
-
-```javascript
-cl.image("sample")
-```
-produces:
-```html
-
-```
-
-You can generate an image Tag using the `imageTag` function:
-
-```javascript
-var tag = cl.imageTag("sample");
-tag.toHtml();
-```
-which produces:
-```html
-
-```
-and:
-```javascript
-tag.transformation().crop("fit").width(100).toHtml();
-```
-which produces:
-```html
-
-```
-
-You can also use `ImageTag` independently:
-
-```javascript
-var tag = cloudinary.ImageTag.new( "sample", { cloud_name: "some_other_cloud" });
-tag.toHtml();
-```
-which produces:
-```html
-
-```
-
-
-#### Transformation
-
-In addition to using a plain object to define transformations or using the builder methods (both described above), you can define transformations by using the Transformation class:
-
-```javascript
-var tr = cloudinary.Transformation.new();
-tr.crop("fit").width(100);
-tr.serialize()
-// "c_fit,w_100"
-```
-
-You can also chain transformations together:
-
-```javascript
-var tr = cloudinary.Transformation.new();
-tr.width(10).crop('fit').chain().angle(15).serialize()
-// "c_fit,w_10/a_15"
-```
-
-### jQuery plugin
-
-This Cloudinary jQuery plugin is backward compatible with the previous [cloudinary_js](https://github.com/cloudinary/cloudinary_js) version - except that it does not contain the jquery-file-upload dependency and functionality. For a fully compatible version, including the Blueimp jquery file upload functionality, refer to [cloudinary-jquery-file-upload](https://www.github.com/cloudinary/pkg-cloudinary-jquery-file-upload)
-
-When loaded, the new JavaScript library instantiates a CloudinaryJQuery object and attaches it to jQuery.
-
-The following list includes a sample of the API provided by this library:
-
-* `$.cloudinary.config(parameter_name, parameter_value)` - Sets parameter\_name's value to parameter\_value.
-* `$.cloudinary.url(public_id, options)` - Returns a cloudinary URL based on your configuration and the given options.
-* `$.cloudinary.image(public_id, options)` - Returns an HTML image tag for the photo specified by public\_id
-* `$.cloudinary.facebook_profile_image`, `$.cloudinary.twitter_profile_image`, `$.cloudinary.twitter_name_profile_image`, `$.cloudinary.gravatar_image` , `$.cloudinary.fetch_image` - Same as `image` but returns a specific type of image.
-
-* `$(jquery_selector).cloudinary(options)` - Goes over the elements specified by the jQuery selector and changes all the images to be fetched using Cloudinary's CDN. Using options, you can also specify transformations to the images.
-The `options` parameters are similar across all cloudinary frameworks. Please refer to [jQuery image manipulation](http://cloudinary.com/documentation/jquery_image_manipulation) for a more complete reference regarding the options.
-
- **See [our documentation](http://cloudinary.com/documentation/jquery_image_manipulation) for more information about displaying and transforming images using jQuery**.
-
-### Other Cloudinary JavaScript libraries
-
-#### Core Javascript library
-The Core Cloudinary JavaScript library does not depend on jQuery: [https://github.com/cloudinary/pkg-cloudinary-core](https://github.com/cloudinary/pkg-cloudinary-core).
-
-#### jQuery File upload
-The Cloudinary jQuery File Upload library extends the Cloudinary jQuery plugin with support for the [Blueimp jQuery File Upload library](https://blueimp.github.io/jQuery-File-Upload/).
-The library can be found at [https://github.com/cloudinary/pkg-cloudinary-jquery-file-upload](https://github.com/cloudinary/pkg-cloudinary-jquery-file-upload).
+:information_source: This was a distribution repository for `bower` and `npm`. The sources for this repository are maintained at the [cloudinary_js repository](https://github.com/cloudinary/cloudinary_js). Please submit issues and pull requests to that repository.
## Additional resources
From cda5ee86ab9725b2bd25210e32f827adcd0113cb Mon Sep 17 00:00:00 2001
From: Nir Maoz <47939921+maoznir@users.noreply.github.com>
Date: Mon, 5 Aug 2019 10:59:07 +0300
Subject: [PATCH 6/7] Update README.md
---
README.md | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/README.md b/README.md
index d45e9cf..693ed9d 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,10 @@
:information_source: This was a distribution repository for `bower` and `npm`. The sources for this repository are maintained at the [cloudinary_js repository](https://github.com/cloudinary/cloudinary_js). Please submit issues and pull requests to that repository.
+## Installation and Usage
+
+See here: https://github.com/cloudinary/cloudinary_js/tree/master/pkg/cloudinary-jquery
+
## Additional resources
Additional resources are available at:
From 217ddc8880b3ad3ff43360f13c0f6a8b1b034875 Mon Sep 17 00:00:00 2001
From: Nir Maoz <47939921+maoznir@users.noreply.github.com>
Date: Mon, 5 Aug 2019 10:59:35 +0300
Subject: [PATCH 7/7] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 693ed9d..8272c7a 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
[](https://travis-ci.org/cloudinary/cloudinary_js) []() []() []()
-:information_source: This was a distribution repository for `bower` and `npm`. The sources for this repository are maintained at the [cloudinary_js repository](https://github.com/cloudinary/cloudinary_js). Please submit issues and pull requests to that repository.
+:information_source: This was a distribution repository for cloudinary-jquery. The sources for this repository are maintained at the [cloudinary_js repository](https://github.com/cloudinary/cloudinary_js). Please submit issues and pull requests to that repository.
## Installation and Usage