-- integer count: 0

-- ftd.image slide:
ftd.image-src src:
integer idx:
src: $src
if: $count == $idx
$on-click$: increment $count clamp 0 3
align: center

-- ftd.image-src src0: https://www.liveabout.com/thmb/YCJmu1khSJo8kMYM090QCd9W78U=/1250x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/powerpuff_girls-56a00bc45f9b58eba4aea61d.jpg
dark: https://www.liveabout.com/thmb/YCJmu1khSJo8kMYM090QCd9W78U=/1250x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/powerpuff_girls-56a00bc45f9b58eba4aea61d.jpg

-- ftd.image-src src1: https://upload.wikimedia.org/wikipedia/en/d/d4/Mickey_Mouse.png
dark: https://upload.wikimedia.org/wikipedia/en/d/d4/Mickey_Mouse.png

-- ftd.image-src src2: https://blog.ipleaders.in/wp-content/uploads/2021/07/751589-mickey-mouse.jpg
dark: https://blog.ipleaders.in/wp-content/uploads/2021/07/751589-mickey-mouse.jpg

-- ftd.image-src src3: https://blog.earlymoments.com/wp-content/uploads/2016/03/Mickey_Mouse_group_700x493.jpg
dark: https://blog.earlymoments.com/wp-content/uploads/2016/03/Mickey_Mouse_group_700x493.jpg


-- slide:
src: $src0
idx: 0

-- slide:
src: $src1
idx: 1

-- slide:
src: $src2
idx: 2

-- slide:
src: $src3
idx: 3