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/ef8e347d-0f52-4615-b427-76f77723b89f/La-Roche-Posay-Effaclar-Pain-dermatologique-anti-imperfections?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fef8e347d\u002D0f52\u002D4615\u002Db427\u002D76f77723b89f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fef8e347d\u002D0f52\u002D4615\u002Db427\u002D76f77723b89f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002F85eaaae4\u002D4b2d\u002D4fe2\u002Dabf4\u002D1050c07ce076\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F85eaaae4\u002D4b2d\u002D4fe2\u002Dabf4\u002D1050c07ce076\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002F5660ffff\u002Dfe42\u002D4b1a\u002Dacda\u002D80876baf89d5\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5660ffff\u002Dfe42\u002D4b1a\u002Dacda\u002D80876baf89d5\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002F647d8568\u002Dd3c4\u002D4b46\u002Da824\u002De53ad6ad807f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F647d8568\u002Dd3c4\u002D4b46\u002Da824\u002De53ad6ad807f\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002F488fd73b\u002Daf16\u002D44a1\u002Dbd4b\u002D63ac58f4226e\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F488fd73b\u002Daf16\u002D44a1\u002Dbd4b\u002D63ac58f4226e\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002Fe8b15199\u002D2500\u002D4391\u002Dbb76\u002D5b564e5d69f4\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe8b15199\u002D2500\u002D4391\u002Dbb76\u002D5b564e5d69f4\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002F46184e92\u002D84aa\u002D45e5\u002D84e2\u002Db1f146e8af0b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F46184e92\u002D84aa\u002D45e5\u002D84e2\u002Db1f146e8af0b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002Fadd899e3\u002Dc41e\u002D48f6\u002D93e2\u002D89dd9b90edb6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fadd899e3\u002Dc41e\u002D48f6\u002D93e2\u002D89dd9b90edb6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002Fa361bfbb\u002D6739\u002D4569\u002D9115\u002D3f3b6b66a3c2\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa361bfbb\u002D6739\u002D4569\u002D9115\u002D3f3b6b66a3c2\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002Fa33732ef\u002Dc030\u002D4cea\u002D8115\u002D75fa16b3e757\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa33732ef\u002Dc030\u002D4cea\u002D8115\u002D75fa16b3e757\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\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\u002Fcb3449c8\u002D590e\u002D4c56\u002Db28b\u002D050d6b2d0471\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcb3449c8\u002D590e\u002D4c56\u002Db28b\u002D050d6b2d0471\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DPain\u002Ddermatologique\u002Danti\u002Dimperfections\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
chevron-left chevron-right