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/f39fa51a-dfe3-4125-88bf-819ad047ae7d/Avene-Solaire-Expert-Fluide-Anti-Pigmentation-SPF50-40ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff39fa51a\u002Ddfe3\u002D4125\u002D88bf\u002D819ad047ae7d\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff39fa51a\u002Ddfe3\u002D4125\u002D88bf\u002D819ad047ae7d\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002Fde3911f6\u002D16b4\u002D4643\u002D8aac\u002D2a4fd92dcc8a\u002FEAN_IMG_FR_3282770397451_1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fde3911f6\u002D16b4\u002D4643\u002D8aac\u002D2a4fd92dcc8a\u002FEAN_IMG_FR_3282770397451_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\u002Ff2c595cb\u002D6c7c\u002D42a3\u002Da2ae\u002Df3600fef3cee\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff2c595cb\u002D6c7c\u002D42a3\u002Da2ae\u002Df3600fef3cee\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002F5fa08238\u002D818b\u002D4e12\u002D9dd0\u002Dd38858d43e6f\u002FEAN_IMG_FR_3282770397451_2\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5fa08238\u002D818b\u002D4e12\u002D9dd0\u002Dd38858d43e6f\u002FEAN_IMG_FR_3282770397451_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\u002F6affd0a9\u002D9c5f\u002D421f\u002Da795\u002Dbe64c2db557b\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6affd0a9\u002D9c5f\u002D421f\u002Da795\u002Dbe64c2db557b\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002F3d5425d5\u002Dd0f0\u002D408f\u002D88e4\u002Df1bf81881e68\u002FEAN_IMG_FR_3282770397451_3\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3d5425d5\u002Dd0f0\u002D408f\u002D88e4\u002Df1bf81881e68\u002FEAN_IMG_FR_3282770397451_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\u002F0be595fd\u002Dadf0\u002D47bd\u002Db085\u002D14d9d4c19e92\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0be595fd\u002Dadf0\u002D47bd\u002Db085\u002D14d9d4c19e92\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002Fd5ae3c5e\u002Db330\u002D4482\u002D9187\u002D3d53bfd98349\u002FEAN_IMG_FR_3282770397451_4\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd5ae3c5e\u002Db330\u002D4482\u002D9187\u002D3d53bfd98349\u002FEAN_IMG_FR_3282770397451_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\u002F90b12483\u002Dbeae\u002D4460\u002Db657\u002Ddb0b40de5478\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F90b12483\u002Dbeae\u002D4460\u002Db657\u002Ddb0b40de5478\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002F57d13497\u002D7d4e\u002D482d\u002Db7c7\u002D9564701fdf42\u002FEAN_IMG_FR_3282770397451_5\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F57d13497\u002D7d4e\u002D482d\u002Db7c7\u002D9564701fdf42\u002FEAN_IMG_FR_3282770397451_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\u002Fd27a06ac\u002D4248\u002D40c1\u002D8597\u002D92f2a93f9a13\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\u002DSPF50\u002D40ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd27a06ac\u002D4248\u002D40c1\u002D8597\u002D92f2a93f9a13\u002FAvene\u002DSolaire\u002DExpert\u002DFluide\u002DAnti\u002DPigmentation\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\u002Fad4cc9b0\u002D78dc\u002D4dcf\u002D98e6\u002D13377240e4f0\u002FEAN_IMG_FR_3282770397451_6\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fad4cc9b0\u002D78dc\u002D4dcf\u002D98e6\u002D13377240e4f0\u002FEAN_IMG_FR_3282770397451_6\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
chevron-left chevron-right