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