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/22d19de3-5460-4b93-b66d-fd86a20aa0f1/Uriage-Bariesun-Crema-Solar-Hidratante-SPF50-50-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F22d19de3\u002D5460\u002D4b93\u002Db66d\u002Dfd86a20aa0f1\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F22d19de3\u002D5460\u002D4b93\u002Db66d\u002Dfd86a20aa0f1\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fa770606c\u002D508c\u002D4433\u002Daa58\u002D977acdfa39d9\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa770606c\u002D508c\u002D4433\u002Daa58\u002D977acdfa39d9\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fb161560a\u002Dfb81\u002D4bad\u002D841a\u002D159dafba6e1d\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb161560a\u002Dfb81\u002D4bad\u002D841a\u002D159dafba6e1d\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fcc863043\u002Dec42\u002D41c5\u002Db064\u002D108d0246e9ff\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcc863043\u002Dec42\u002D41c5\u002Db064\u002D108d0246e9ff\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002F93fd4487\u002D782f\u002D44ce\u002Da47a\u002D29edb0827247\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F93fd4487\u002D782f\u002D44ce\u002Da47a\u002D29edb0827247\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fbaf8422a\u002D2110\u002D4088\u002Da18f\u002D9c79e182aecb\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbaf8422a\u002D2110\u002D4088\u002Da18f\u002D9c79e182aecb\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fac6cb164\u002D4aae\u002D45d9\u002Db671\u002D4138001ef4af\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fac6cb164\u002D4aae\u002D45d9\u002Db671\u002D4138001ef4af\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002Fa399f210\u002D88a3\u002D490a\u002D928a\u002Dd82414334d2e\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa399f210\u002D88a3\u002D490a\u002D928a\u002Dd82414334d2e\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\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\u002F9b6d2e7e\u002D933c\u002D4a14\u002D9d48\u002Dc0c647648dcf\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9b6d2e7e\u002D933c\u002D4a14\u002D9d48\u002Dc0c647648dcf\u002FUriage\u002DBariesun\u002DCrema\u002DSolar\u002DHidratante\u002DSPF50\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right