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/91eb7647-a304-4a14-9bfa-a1ab044ceb66/TENA-Men-Premium-Fit-Pants-Premium-Fit-L-XL-10-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F91eb7647\u002Da304\u002D4a14\u002D9bfa\u002Da1ab044ceb66\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F91eb7647\u002Da304\u002D4a14\u002D9bfa\u002Da1ab044ceb66\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F687dadd4\u002Dc4e5\u002D4825\u002D8c81\u002D23be68da0572\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F687dadd4\u002Dc4e5\u002D4825\u002D8c81\u002D23be68da0572\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F6cd0f79a\u002Dfebb\u002D4058\u002Da1d6\u002D30eb4b67e595\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6cd0f79a\u002Dfebb\u002D4058\u002Da1d6\u002D30eb4b67e595\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F8d099422\u002D0c04\u002D4882\u002D85b7\u002Db7e1b4622e71\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8d099422\u002D0c04\u002D4882\u002D85b7\u002Db7e1b4622e71\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F48d375f1\u002D3c0f\u002D4aab\u002D94b7\u002D6d31ecfa0b8a\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F48d375f1\u002D3c0f\u002D4aab\u002D94b7\u002D6d31ecfa0b8a\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F8650c5e7\u002D9126\u002D40bb\u002Da3cd\u002Dffc0e3d8b2b8\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8650c5e7\u002D9126\u002D40bb\u002Da3cd\u002Dffc0e3d8b2b8\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F40033225\u002D81f6\u002D4870\u002Da148\u002D06f94d77ee9b\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F40033225\u002D81f6\u002D4870\u002Da148\u002D06f94d77ee9b\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F31443d1d\u002D5545\u002D4b58\u002D9dce\u002Dea782dba2ed3\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F31443d1d\u002D5545\u002D4b58\u002D9dce\u002Dea782dba2ed3\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\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\u002F3e43eb03\u002Dda3f\u002D450a\u002Da22f\u002Dee7d58b8e2d6\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3e43eb03\u002Dda3f\u002D450a\u002Da22f\u002Dee7d58b8e2d6\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DL\u002DXL\u002D10\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right