Change image dynamically

Som said:

Is it possible if user clicks on that card and then it will change

This would be pretty simple just by setting up a link using dynamicLink() and having it save a new value into a variable storing an identifier for which image you want to be displayed (i.e. the index).  It could simply increment the index and, if it's currently already on the highest one, set it back to 1.

Thans mike..Can you please help me with code

a!localVariables(
  local!indexes: {1, 2, 3, 4},
  
  local!currentIndex: local!indexes[1],
  
  a!cardLayout(
    contents: {
      a!richTextDisplayField(
        value: "Value: " & local!currentIndex
      )
    },
    link: a!dynamicLink(
      saveInto: {
        a!save(
          local!currentIndex,
          index(
            local!indexes,
            if(
              local!currentIndex = local!indexes[length(local!indexes)],
              1,
              where(local!indexes = local!currentIndex)[1] + 1
            )
          )
        )
      }
    )
  )
)

Thanks Mike