legend-of-z | esque 2D Action RPG game built by three Oregon State | Game Engine library

I'm trying to display a new image upon clicking on the current image. The problem's that upon clicking on img-1, it some how skips to img-3. However, if I remove the the second if(), it correctly goes to the next image (img-2).

How's this happening and how can I fix it?

I've seen a question of this nature before on SO but not quite exactly what I'm looking for.

Upon the user clicking on an image, I want it to have a fade effect as it moves on to the next image. Once the next image is displayed, I want it to, again, have a fade effect as it moves onto the next image. So and so forth.

My current code below immediately upon onclick goes from img-1 (first image) to the img-2 but img-2 fades and never reaches img-3.

What am I doing wrong and how can I rectify this?

I am trying to re-create the legend of zelda 1986 version in python and I immediately ran into a problem. I cant add the link gif to be the shape. Here is my code: