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/0ea2a1f7-d80e-4371-a470-eafd13684541/Uriage-Depiderm-Soin-de-Jour-Anti-taches-SPF50-30ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0ea2a1f7\u002Dd80e\u002D4371\u002Da470\u002Deafd13684541\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0ea2a1f7\u002Dd80e\u002D4371\u002Da470\u002Deafd13684541\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002Fef362907\u002Db44f\u002D4776\u002D9adb\u002Dd054d7566cce\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fef362907\u002Db44f\u002D4776\u002D9adb\u002Dd054d7566cce\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002Ffb6b18bc\u002D829f\u002D445f\u002Db1b4\u002Db25b0f304501\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ffb6b18bc\u002D829f\u002D445f\u002Db1b4\u002Db25b0f304501\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002Fe13b7d7d\u002D775d\u002D42a9\u002Da92c\u002Daa0b36a639bf\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe13b7d7d\u002D775d\u002D42a9\u002Da92c\u002Daa0b36a639bf\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002F37efe56d\u002D4037\u002D4826\u002D8309\u002Dc9b7ea244f50\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F37efe56d\u002D4037\u002D4826\u002D8309\u002Dc9b7ea244f50\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002Fdc8d0692\u002D3208\u002D48b6\u002Dacae\u002D57fc4b3b118e\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdc8d0692\u002D3208\u002D48b6\u002Dacae\u002D57fc4b3b118e\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002F9c235cec\u002D737c\u002D4254\u002Dae2b\u002D1a71647155af\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9c235cec\u002D737c\u002D4254\u002Dae2b\u002D1a71647155af\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002F9e670816\u002D649b\u002D41ac\u002Db637\u002D37c002460d98\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9e670816\u002D649b\u002D41ac\u002Db637\u002D37c002460d98\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\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\u002Fdc885056\u002Dd8e9\u002D4d78\u002D9c49\u002Dff47673e6ca2\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdc885056\u002Dd8e9\u002D4d78\u002D9c49\u002Dff47673e6ca2\u002FUriage\u002DDepiderm\u002DSoin\u002Dde\u002DJour\u002DAnti\u002Dtaches\u002DSPF50\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right