Cloudinary jQuery将HTML元素添加到图像

Question

我正在使用Cloudinary进行图像管理。我使用以下方式调用图像：

$.cloudinary.image(data.result.public_id, {
    format: "jpg", width: 300, height: 200, crop: "fill"
})

有谁知道我如何为此图片添加html元素，例如style="max-width: 100%"？我似乎无法在他们的文档中找到它。

Answer 1

虽然这可能与您的方法略有不同，但功能上它可以通过在您的图像元素上添加自定义类然后从那里更改样式来做同样的事情。

在你的例子中：

<强> JS：

$.cloudinary.image(data.result.public_id, {
    format: "jpg", width: 300, height: 200, crop: "fill", class: "your-custom-class"
});

<强> CSS

.your-custom-class {
  max-width: 100%;
}

文档位于：http://cloudinary.com/documentation/jquery_image_manipulation 检查延迟加载和动态转换部分。

Answer 2

您也可以直接设置style属性，例如：

$.cloudinary.image(data.result.public_id, {format: "jpg", width: 300, height: 200, crop: "fill", style: "max-width:100%" })