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/f0c0c05b-5b22-4709-86ff-a625f5aff65b/Korres-Capillaire-Coloration-Permanente-Blond-Clair-Cendre-8-1?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff0c0c05b\u002D5b22\u002D4709\u002D86ff\u002Da625f5aff65b\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff0c0c05b\u002D5b22\u002D4709\u002D86ff\u002Da625f5aff65b\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F99a9d58e\u002Dda5c\u002D42d9\u002D8f38\u002D5846304b6275\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F99a9d58e\u002Dda5c\u002D42d9\u002D8f38\u002D5846304b6275\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F943254f2\u002D6083\u002D41c8\u002D8c5c\u002Daff8424111a7\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F943254f2\u002D6083\u002D41c8\u002D8c5c\u002Daff8424111a7\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F24dfa189\u002D12b5\u002D4526\u002Da428\u002D395f66072318\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F24dfa189\u002D12b5\u002D4526\u002Da428\u002D395f66072318\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F07a69834\u002D6264\u002D453e\u002D995a\u002D71371f6dd1d3\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F07a69834\u002D6264\u002D453e\u002D995a\u002D71371f6dd1d3\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F8d8b68ed\u002D4ecb\u002D4c40\u002D91ca\u002Df19f70478c5f\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8d8b68ed\u002D4ecb\u002D4c40\u002D91ca\u002Df19f70478c5f\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F207920ab\u002D57b5\u002D4d77\u002Db9d4\u002Dae359c58ce68\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F207920ab\u002D57b5\u002D4d77\u002Db9d4\u002Dae359c58ce68\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F22e6e3cb\u002D8f64\u002D4009\u002Da698\u002D12e5417dafdc\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F22e6e3cb\u002D8f64\u002D4009\u002Da698\u002D12e5417dafdc\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002Fe408b4b1\u002De3b2\u002D481e\u002D837a\u002D201b5dd7231c\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe408b4b1\u002De3b2\u002D481e\u002D837a\u002D201b5dd7231c\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002F94d299d1\u002Dcdba\u002D4c6c\u002Dbd76\u002Dd23773be999b\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F94d299d1\u002Dcdba\u002D4c6c\u002Dbd76\u002Dd23773be999b\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\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\u002Fdfd7b2a8\u002D7265\u002D4a25\u002D973b\u002D38fe76d77f78\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdfd7b2a8\u002D7265\u002D4a25\u002D973b\u002D38fe76d77f78\u002FKorres\u002DCapillaire\u002DColoration\u002DPermanente\u002DBlond\u002DClair\u002DCendre\u002D8\u002D1\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
chevron-left chevron-right