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/cd6e60bb-ee19-4f24-89c0-defb052d4dd8/La-Roche-Posay-Effaclar-Gel-moussant-purifiant-Ecorecharge-400ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcd6e60bb\u002Dee19\u002D4f24\u002D89c0\u002Ddefb052d4dd8\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcd6e60bb\u002Dee19\u002D4f24\u002D89c0\u002Ddefb052d4dd8\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002Fc689d5a8\u002D6944\u002D4f2e\u002Db543\u002Dd7ed07d15298\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc689d5a8\u002D6944\u002D4f2e\u002Db543\u002Dd7ed07d15298\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\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\u002Fc13205e2\u002D19f7\u002D440d\u002D9711\u002D5fa08eed2ec1\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc13205e2\u002D19f7\u002D440d\u002D9711\u002D5fa08eed2ec1\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002F00f46f03\u002Dfb65\u002D4399\u002Db8f7\u002D503edfdc6753\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F00f46f03\u002Dfb65\u002D4399\u002Db8f7\u002D503edfdc6753\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\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\u002F27afcca8\u002D3647\u002D46ed\u002D8fc9\u002D4b0901fa42f1\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F27afcca8\u002D3647\u002D46ed\u002D8fc9\u002D4b0901fa42f1\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002F83bee508\u002D2836\u002D4f52\u002D8adf\u002D28e6655fa639\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F83bee508\u002D2836\u002D4f52\u002D8adf\u002D28e6655fa639\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\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\u002Fd24caf27\u002Dae84\u002D4658\u002Dad3a\u002D3988de2a3fcf\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd24caf27\u002Dae84\u002D4658\u002Dad3a\u002D3988de2a3fcf\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002F353576a3\u002Dabf8\u002D4204\u002Db6fb\u002D7a99313da9a0\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F353576a3\u002Dabf8\u002D4204\u002Db6fb\u002D7a99313da9a0\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\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\u002Fdcaebc77\u002Da836\u002D499b\u002D857b\u002Dd13708e3fef6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdcaebc77\u002Da836\u002D499b\u002D857b\u002Dd13708e3fef6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002Fafb98481\u002D0ff7\u002D4198\u002Db1e4\u002D65567f25fc4b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fafb98481\u002D0ff7\u002D4198\u002Db1e4\u002D65567f25fc4b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\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\u002Fd4f8651c\u002D02ef\u002D458e\u002Dae7d\u002Dc487a32d53bc\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd4f8651c\u002D02ef\u002D458e\u002Dae7d\u002Dc487a32d53bc\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\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\u002F2609e99e\u002D9bfa\u002D435c\u002D8ff8\u002D4c564a30593f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2609e99e\u002D9bfa\u002D435c\u002D8ff8\u002D4c564a30593f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
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\u002F81df2c99\u002D1a34\u002D4056\u002Dbdec\u002D993834c140a9\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F81df2c99\u002D1a34\u002D4056\u002Dbdec\u002D993834c140a9\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 12"
/>
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\u002Ff379f51f\u002D8682\u002D4daf\u002D84bd\u002Dd136978d7ea9\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff379f51f\u002D8682\u002D4daf\u002D84bd\u002Dd136978d7ea9\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 13"
/>
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\u002F7143f207\u002Dfb6d\u002D4806\u002D90ca\u002D60a2c9d2f698\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7143f207\u002Dfb6d\u002D4806\u002D90ca\u002D60a2c9d2f698\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002Dmoussant\u002Dpurifiant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 14"
/>
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\u002Fb67028b4\u002D0f04\u002D4a75\u002Dbb59\u002D15b49ee97a07\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb67028b4\u002D0f04\u002D4a75\u002Dbb59\u002D15b49ee97a07\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DGel\u002DMoussant\u002DEcorecharge\u002D400ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 15"
/>
chevron-left chevron-right