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/7760df6d-17d3-43a5-9aae-81d00113ba82/Uriage-Bebe-1ere-Eau-Nettoyante-Apaisante-Visage-Corps-500ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7760df6d\u002D17d3\u002D43a5\u002D9aae\u002D81d00113ba82\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7760df6d\u002D17d3\u002D43a5\u002D9aae\u002D81d00113ba82\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F5ad08c2a\u002Dfd39\u002D4443\u002Da302\u002D977a0aa2317d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5ad08c2a\u002Dfd39\u002D4443\u002Da302\u002D977a0aa2317d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F950e98bd\u002De600\u002D4090\u002D8f46\u002Dab98710bd62d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F950e98bd\u002De600\u002D4090\u002D8f46\u002Dab98710bd62d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F2e6029b3\u002D312e\u002D400b\u002D9d6d\u002D86f36cc991e3\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2e6029b3\u002D312e\u002D400b\u002D9d6d\u002D86f36cc991e3\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F9e708463\u002D858a\u002D4e31\u002Da097\u002D2be22dc38791\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9e708463\u002D858a\u002D4e31\u002Da097\u002D2be22dc38791\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002Fa3e145bc\u002D3049\u002D4526\u002Dbf08\u002Dabc720c46c1d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa3e145bc\u002D3049\u002D4526\u002Dbf08\u002Dabc720c46c1d\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002Fb6104276\u002D11be\u002D4fa1\u002D9b1f\u002Dcfc51895ad2a\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb6104276\u002D11be\u002D4fa1\u002D9b1f\u002Dcfc51895ad2a\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F308def0d\u002D37e8\u002D471a\u002Da278\u002Dd377cdf38673\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F308def0d\u002D37e8\u002D471a\u002Da278\u002Dd377cdf38673\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002F97d15608\u002D23c7\u002D4370\u002Db864\u002D8cb83c23744c\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F97d15608\u002D23c7\u002D4370\u002Db864\u002D8cb83c23744c\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002Ffc02054a\u002Dedf2\u002D4040\u002Dab67\u002D096ff2add6bd\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ffc02054a\u002Dedf2\u002D4040\u002Dab67\u002D096ff2add6bd\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\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\u002Fd7b0f97c\u002D1315\u002D4177\u002Da6e5\u002D1ca18779f68e\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd7b0f97c\u002D1315\u002D4177\u002Da6e5\u002D1ca18779f68e\u002FUriage\u002DBebe\u002D1ere\u002DEau\u002DNettoyante\u002DApaisante\u002DVisage\u002DCorps\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
chevron-left chevron-right