src/pyams_portal/portlets/image/skin/image.pt
changeset 149 0cdf3652748d
parent 146 6e4da3ad6a67
child 162 90f3c2bc80a7
equal deleted inserted replaced
148:b9dd84d35128 149:0cdf3652748d
     1 <tal:if condition="view.settings.image">
     1 <tal:if condition="view.settings.image">
     2 	<picture
     2 	<picture
     3 		tal:define="image view.settings.image;
     3 		tal:define="image view.settings.image;
     4 					image_url extension:absolute_url(image);
     4 					image_url tales:absolute_url(image);
     5 					slot_config view.slot_configuration;
     5 					slot_config view.slot_configuration;
     6 					slot_width slot_config.get_width();
     6 					slot_width slot_config.get_width();
     7 					base_width 100 / 12;
     7 					base_width 100 / 12;
     8 					timestamp extension:timestamp(image);">
     8 					timestamp tales:timestamp(image);">
     9 		<tal:var define="width slot_width['lg']">
     9 		<tal:var define="width slot_width['lg']">
    10 			<source media="(min-width: 1200px)"
    10 			<source media="(min-width: 1200px)"
    11 					tal:condition="width"
    11 					tal:condition="width"
    12 					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;
    12 					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;
    13 									sizes string:${round(base_width * width)}vw" />
    13 									sizes string:${round(base_width * width)}vw" />