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/a81c8e25-3813-4268-b4ca-9554fc812483/Uriage-Creme-Lavante-et-Nourissante-Visage-Corps-1L?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa81c8e25\u002D3813\u002D4268\u002Db4ca\u002D9554fc812483\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa81c8e25\u002D3813\u002D4268\u002Db4ca\u002D9554fc812483\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002Ff3eb2112\u002D8fa1\u002D4a52\u002Daf70\u002Db2c7e5973bee\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff3eb2112\u002D8fa1\u002D4a52\u002Daf70\u002Db2c7e5973bee\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002F7d754bdc\u002De185\u002D47a1\u002Da257\u002Dbd4388bb2f62\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7d754bdc\u002De185\u002D47a1\u002Da257\u002Dbd4388bb2f62\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002Feb861141\u002D3260\u002D47b3\u002Da3be\u002Dcffa1d05c243\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feb861141\u002D3260\u002D47b3\u002Da3be\u002Dcffa1d05c243\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002Fdd233bce\u002Dd8d3\u002D4dc4\u002D963d\u002D2948f6861e08\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdd233bce\u002Dd8d3\u002D4dc4\u002D963d\u002D2948f6861e08\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002F19f90fbe\u002D8236\u002D4729\u002Dba0a\u002Da077faef366b\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F19f90fbe\u002D8236\u002D4729\u002Dba0a\u002Da077faef366b\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002Fcefc0fd0\u002D2388\u002D46b2\u002D9c55\u002D50ae36298938\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcefc0fd0\u002D2388\u002D46b2\u002D9c55\u002D50ae36298938\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002F8cd34520\u002Dbf62\u002D46c8\u002D9e76\u002Dfc3ab7e22c49\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8cd34520\u002Dbf62\u002D46c8\u002D9e76\u002Dfc3ab7e22c49\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\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\u002F0f0b3810\u002Dcdad\u002D41b8\u002Db0dd\u002D725990b26901\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0f0b3810\u002Dcdad\u002D41b8\u002Db0dd\u002D725990b26901\u002FUriage\u002DCreme\u002DLavante\u002Det\u002DNourissante\u002DVisage\u002DCorps\u002D1L\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right