equal
deleted
inserted
replaced
1 <picture tal:define="image_url tales:absolute_url(image); |
1 <picture tal:define="image_url tales:absolute_url(image); |
2 thumbnails tales:thumbnails(image);"> |
2 thumbnails tales:thumbnails(image);" |
|
3 class="${pic_class}"> |
3 <tal:if condition="xs_width"> |
4 <tal:if condition="xs_width"> |
4 <!-- xs source --> |
5 <!-- xs source --> |
5 <source media="(max-width: 767px)" |
6 <source media="(max-width: 767px)" |
6 tal:define="width str(round(768 / 12 * xs_width)); |
7 tal:define="width str(round(768 / 12 * xs_width)); |
7 thumb thumbnails.get_thumbnail(xs_thumb + ':w' + width); |
8 thumb thumbnails.get_thumbnail(xs_thumb + ':w' + width); |
48 <!-- fallback image --> |
49 <!-- fallback image --> |
49 <img style="width: ${img_width};" class="${css_class}" |
50 <img style="width: ${img_width};" class="${css_class}" |
50 tal:define="width str(round(1200 / 12 * def_width)); |
51 tal:define="width str(round(1200 / 12 * def_width)); |
51 thumb thumbnails.get_thumbnail(def_thumb + ':w' + width); |
52 thumb thumbnails.get_thumbnail(def_thumb + ':w' + width); |
52 timestamp tales:timestamp(thumb);" |
53 timestamp tales:timestamp(thumb);" |
53 alt="${alt}" src="${image_url}/++thumb++${def_thumb}:w${width}?_=${timestamp}" /> |
54 alt="${alt}" src="${image_url}/++thumb++${def_thumb}:w${width}?_=${timestamp}" |
|
55 data-ams-data='${data}' /> |
54 </tal:if> |
56 </tal:if> |
55 </picture> |
57 </picture> |