calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="high"
src="https://assets.atida.com/transform/16b9f8b5-0cb1-46ad-a184-0c19969e9e1a/Avene-Solaire-Expert-Fluide-Anti-Imperfection-SPF50-40ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F16b9f8b5\u002D0cb1\u002D46ad\u002Da184\u002D0c19969e9e1a\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F16b9f8b5\u002D0cb1\u002D46ad\u002Da184\u002D0c19969e9e1a\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 0"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fac192039\u002Dede2\u002D4395\u002Db5b4\u002D4ac4346f3566\u002FEAN_IMG_FR_3282770397437_1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fac192039\u002Dede2\u002D4395\u002Db5b4\u002D4ac4346f3566\u002FEAN_IMG_FR_3282770397437_1\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 1"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa3d6dd04\u002D156d\u002D4544\u002D85fe\u002De8e1e05038e9\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa3d6dd04\u002D156d\u002D4544\u002D85fe\u002De8e1e05038e9\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 2"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F736705f4\u002Dda7c\u002D4b69\u002D896f\u002D3c016e86db0c\u002FEAN_IMG_FR_3282770397437_2\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F736705f4\u002Dda7c\u002D4b69\u002D896f\u002D3c016e86db0c\u002FEAN_IMG_FR_3282770397437_2\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 3"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0929b990\u002D2263\u002D4c38\u002Db214\u002Dcfeaa0f6f918\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0929b990\u002D2263\u002D4c38\u002Db214\u002Dcfeaa0f6f918\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 4"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa742c1ea\u002D9533\u002D42f8\u002Da066\u002D5d0f70f603b7\u002FEAN_IMG_FR_3282770397437_3\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa742c1ea\u002D9533\u002D42f8\u002Da066\u002D5d0f70f603b7\u002FEAN_IMG_FR_3282770397437_3\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd1d11155\u002Dd7e5\u002D40e1\u002D80bb\u002Dc49c01001ee4\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd1d11155\u002Dd7e5\u002D40e1\u002D80bb\u002Dc49c01001ee4\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 6"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb1813e65\u002D2b16\u002D4fc3\u002D8730\u002Def1c9bf4e089\u002FEAN_IMG_FR_3282770397437_4\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb1813e65\u002D2b16\u002D4fc3\u002D8730\u002Def1c9bf4e089\u002FEAN_IMG_FR_3282770397437_4\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 7"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2c886fc5\u002D3419\u002D4ce0\u002Da91c\u002Dc44dab6dcd1a\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2c886fc5\u002D3419\u002D4ce0\u002Da91c\u002Dc44dab6dcd1a\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd8306564\u002Ddc18\u002D4c8f\u002Da812\u002D205740454fd0\u002FEAN_IMG_FR_3282770397437_5\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd8306564\u002Ddc18\u002D4c8f\u002Da812\u002D205740454fd0\u002FEAN_IMG_FR_3282770397437_5\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Faae4005e\u002Dbfb6\u002D4fd6\u002Da811\u002Db9c119f895cf\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Faae4005e\u002Dbfb6\u002D4fd6\u002Da811\u002Db9c119f895cf\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DImperfection\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F741624fe\u002D597f\u002D4905\u002Dbe5f\u002D970bbce47e6c\u002FEAN_IMG_FR_3282770397437_6\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F741624fe\u002D597f\u002D4905\u002Dbe5f\u002D970bbce47e6c\u002FEAN_IMG_FR_3282770397437_6\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
chevron-left chevron-right