[ModeCognac] slider ZoomSur : RWD amélioré

Remarque : impossible d'avoir *et* le RWD *et* le lazyloading (https://codepen.io/Essk/pen/YRNOdr donne comme hauteur la hauteur maximum, et non pas la hauteur de l'image actuellement affichée).

noisettes/sommaire_modeportailcognac_zoomsur.html

@@ -12,7 +12,14 @@
 			<div class="slider-diapo-imgfull">
 				[(#MEDIA|=={image}|oui)
 				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>
-					<img data-lazy="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" width="1920" height="#CONFIG{soyezcreateurs/hauteur_slider,580}" alt="" />
+					<picture>
+						<source srcset="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" media="(min-width: 1160px)" />
+						[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)<source srcset="[(#FICHIER|copie_locale|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]}|extraire_attribut{src})]" media="(min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px)" />]
+						<source srcset="[(#FICHIER|copie_locale|image_focus{1024,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]}|extraire_attribut{src})]" media="(min-width: 1024px)" />
+						<source srcset="[(#FICHIER|copie_locale|image_focus{640,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]}|extraire_attribut{src})]" media="(min-width: 640px)" />
+						<source srcset="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" />
+						<img src="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2})]}|extraire_attribut{src})]" alt="" width="320" height="[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]" />
+					</picture>
 				</a>]
 				[(#MEDIA|=={video}|oui)
 				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>

stylesportailcognac.css.html

@@ -638,7 +638,12 @@ select {
 }
 @media only screen and (max-width: 767px) {
   #liens-diaporama {
-    position: relative;
+	z-index: 0;
+  }
+}
+@media only screen and (max-width: 340px) {
+  #liens-diaporama {
+    top: 25%;
 	z-index: 0;
   }
 }
@@ -715,6 +720,7 @@ select {
   max-width: none;
 }
 .slick-dots {
+  position: unset;
   bottom: -45px;
 }
 .slick-dots li {