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/90e01c36-4c72-4212-bcf7-00b6da928ff8/TENA-Men-Premium-Fit-Pants-Premium-Fit-S-M-12-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F90e01c36\u002D4c72\u002D4212\u002Dbcf7\u002D00b6da928ff8\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F90e01c36\u002D4c72\u002D4212\u002Dbcf7\u002D00b6da928ff8\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002Fef012b23\u002D8c21\u002D4549\u002D82d2\u002D2247a5fb52ab\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fef012b23\u002D8c21\u002D4549\u002D82d2\u002D2247a5fb52ab\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002F66359fa8\u002D9f26\u002D46cb\u002Da09f\u002D698d859a8099\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F66359fa8\u002D9f26\u002D46cb\u002Da09f\u002D698d859a8099\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002F58c45574\u002D14a0\u002D4481\u002D98e5\u002D2807d52a6583\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F58c45574\u002D14a0\u002D4481\u002D98e5\u002D2807d52a6583\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002Fe8caa8f5\u002D3bc2\u002D4dd7\u002D8c65\u002D65e99b1d1e5d\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe8caa8f5\u002D3bc2\u002D4dd7\u002D8c65\u002D65e99b1d1e5d\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002Fa9a5878e\u002D26ca\u002D4f59\u002Dbf65\u002D4e9fa104a4c4\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa9a5878e\u002D26ca\u002D4f59\u002Dbf65\u002D4e9fa104a4c4\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002F55dacbe6\u002D49f0\u002D4062\u002D88ec\u002De3a2d508a71a\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F55dacbe6\u002D49f0\u002D4062\u002D88ec\u002De3a2d508a71a\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002F3722fe19\u002D7b13\u002D49d8\u002D8da1\u002D86318ec59d09\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3722fe19\u002D7b13\u002D49d8\u002D8da1\u002D86318ec59d09\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\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\u002Fac40faf4\u002D556a\u002D4782\u002D9bb0\u002Da9883e9bac68\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fac40faf4\u002D556a\u002D4782\u002D9bb0\u002Da9883e9bac68\u002FTENA\u002DMen\u002DPremium\u002DFit\u002DPants\u002DPremium\u002DFit\u002DS\u002DM\u002D12\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right