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

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

在你的例子中：

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%" })

Cloudinary jQuery Add HTML Element to Image