【发布时间】:2016-01-13 15:26:38
【问题描述】:
貌似不存在,但是 Cloudinary Django 模板标签库是否包含 Cloudinary.responsive 图片功能?
Cloudinary 有 'response jquery' 库,使用如下:
<img data-src="http://res.cloudinary.com/demo/image/upload/w_auto/smiling_man.jpg" class="cld-responsive">
但是是否还有等效的 Cloudinary Django 模板标记方式来使用 Cloudinary.responsive?也许是这样的:
{% load cloudinary %}
{% cloudinary_includes %}
{% cloudinary_js_config %}
{% cloudinary.responsive photo.filename auto-width=600 %}
我还没有找到任何东西,所以答案可能是否定的,除非它非常新或尚未讨论。
另一种方法是在 Django 模板中构建 Cloudinary.responsive img 标签,如下所示:
<img data-src="http://res.cloudinary.com/demo/image/upload/w_auto/{{ photo.filename }}" class="cld-responsive">
这需要一些工作,因为上传的文件存储在我的 Django 模型中:
image/upload/v1444896521/ttme5v9ejttfbtpaojyk.jpg
所以我将解析它以将 Cloudinary 响应式“w_auto”字符串放入 url。
我还想在图像上设置一个“最大宽度”并具有响应性。不知道如何做到这一点。任何想法表示赞赏。
也许还有其他我可能不知道的 jquery 解决方案可以在 Django 中获得云响应图像?
谢谢
【问题讨论】:
标签: jquery django django-templates cloudinary