It's about what the green ($k$) axis is doing. If you swap the labels $i$ and $j$, but you keep the $k$ axis unchanged, then you've re-interpreted the $k$ axis to point the other way relative to the original labeling, and you've formed a new coordinate system that's not the same as before--a point in space that used to receive a positive $k$ coordinate is now receiving a negative $k$ coordinate, and vice versa.
To see this, mentally rotate the three-axis system so that the $i$ and $j$ axes are in the plane of your page/screen, with $i$ horizontal and $j$ vertical. (Or construct a physical model.) In a right-handed coordinate system, the $k$ axis will point out of the page. Now do the same thing after relabeling $i$ as $j$, keeping $k$ unchanged. You'll see that the $k$ axis flipped from pointing out of the page (right-handed coordinates) to pointing into the page (left-handed coordinates). As a concrete application of this observation, remember that by definition the cross product $i\times j$ equals $k$. So in a right-handed coordinate system this cross product points out of the page, and in a left-handed coordinate system it points the opposite direction.
Put another way, in the picture you've posted, to preserve the original coordinate system when you swap $i$ and $j$ you also need to flip the $k$ axis to point downward.