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/b6678b58-931f-414e-b4f9-65a6cc9785b7/La-Roche-Posay-Hyalu-B5-Recharge-Creme-visage-anti-rides-raffermissante-lissante-50ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb6678b58\u002D931f\u002D414e\u002Db4f9\u002D65a6cc9785b7\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb6678b58\u002D931f\u002D414e\u002Db4f9\u002D65a6cc9785b7\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002Ff197bc76\u002D9b65\u002D41db\u002D89f3\u002Dce02eb437a8e\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff197bc76\u002D9b65\u002D41db\u002D89f3\u002Dce02eb437a8e\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002Feabe3aeb\u002D1d47\u002D40d6\u002D8fd7\u002D5af22277e280\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feabe3aeb\u002D1d47\u002D40d6\u002D8fd7\u002D5af22277e280\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002Fd4f261ac\u002D77e1\u002D441e\u002Dbc85\u002D7d63067c4c59\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd4f261ac\u002D77e1\u002D441e\u002Dbc85\u002D7d63067c4c59\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002F528b1b13\u002Da68a\u002D4156\u002D9f07\u002D9b2d5501d710\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F528b1b13\u002Da68a\u002D4156\u002D9f07\u002D9b2d5501d710\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002F99b4a105\u002D3353\u002D45ca\u002D9c92\u002D68c0bd625162\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F99b4a105\u002D3353\u002D45ca\u002D9c92\u002D68c0bd625162\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002Ff90ca8b6\u002Db572\u002D4f63\u002Dbb20\u002D60c734088605\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff90ca8b6\u002Db572\u002D4f63\u002Dbb20\u002D60c734088605\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002F25d6de07\u002D5f8e\u002D4c1c\u002D86b2\u002Dbe235f4a36d3\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F25d6de07\u002D5f8e\u002D4c1c\u002D86b2\u002Dbe235f4a36d3\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\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\u002F7bf64053\u002D22a0\u002D43ca\u002Db952\u002D7950a0de73a9\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7bf64053\u002D22a0\u002D43ca\u002Db952\u002D7950a0de73a9\u002FLa\u002DRoche\u002DPosay\u002DHyalu\u002DB5\u002DRecharge\u002DCreme\u002Dvisage\u002Danti\u002Drides\u002Draffermissante\u002Dlissante\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right