1 <tal:var define="settings view.settings"> |
1 <tal:var define="settings view.settings"> |
2 <tal:if condition="settings.image"> |
2 <tal:if condition="settings.image"> |
3 <a class="fancybox" data-toggle |
3 <a class="fancybox" data-toggle |
4 data-ams-fancybox-type="image" |
4 data-ams-fancybox-type="image" |
5 tal:define="image settings.image; |
5 tal:define="image settings.image; |
6 image_url extension:absolute_url(image); |
6 image_url tales:absolute_url(image); |
7 slot_config view.slot_configuration; |
7 slot_config view.slot_configuration; |
8 slot_width slot_config.get_width(); |
8 slot_width slot_config.get_width(); |
9 base_width 100 / 12; |
9 base_width 100 / 12; |
10 thumbnails extension:thumbnails(image); |
10 thumbnails tales:thumbnails(image); |
11 target python:thumbnails.get_thumbnail('800x600'); |
11 target python:thumbnails.get_thumbnail('800x600'); |
12 timestamp extension:timestamp(image);" |
12 timestamp tales:timestamp(image);" |
13 tal:attributes="href extension:absolute_url(target)"> |
13 tal:attributes="href tales:absolute_url(target)"> |
14 <picture> |
14 <picture> |
15 <tal:var define="width slot_width['lg']"> |
15 <tal:var define="width slot_width['lg']"> |
16 <source media="(min-width: 1200px)" |
16 <source media="(min-width: 1200px)" |
17 tal:condition="width" |
17 tal:condition="width" |
18 tal:attributes="srcset string:${image_url}/++thumb++lg:w1200?_=${timestamp} 1200w, ${image_url}/++thumb++lg:w512?_=${timestamp} 512w, ${image_url}/++thumb++lg:w256?_=${timestamp} 256w, ${image_url}/++thumb++lg:w128?_=${timestamp} 128w; |
18 tal:attributes="srcset string:${image_url}/++thumb++lg:w1200?_=${timestamp} 1200w, ${image_url}/++thumb++lg:w512?_=${timestamp} 512w, ${image_url}/++thumb++lg:w256?_=${timestamp} 256w, ${image_url}/++thumb++lg:w128?_=${timestamp} 128w; |