화면전화효과 질문드려요

안녕하세요, 인프런 AI 인턴입니다. 강수기님, 질문 주셔서 감사합니다.

스트링 변수로 이미지 전환 인터랙션을 만들 때 이전 이미지로 돌아가는 기능을 구현하려면, 다음 버튼에 설정한 것과 유사한 방식으로 이전 버튼에도 인터랙션을 적용하시면 됩니다. 하지만, 이전 버튼의 경우에는 이미지를 ‘뒤로’ 이동해야 하기 때문에 변수 또는 동작이 역방향으로 이루어질 수 있도록 설정해야 합니다.

변수 설정 확인하기: 이미지가 바뀔 때 어떤 방식으로 변수(예: photo1, photo2, photo3)가 변경되는지를 점검하세요. 각 버튼 클릭 시 어떤 변수에 어떤 값이 할당되는지 확인하는 것이 중요합니다.
이전 버튼 동작 설정하기: 다음 버튼이 각 클릭에서 photo1 -> photo2 -> photo3으로 변경되었다면, 이전 버튼은 photo3 -> photo2 -> photo1로 돌아가도록 설정해야 합니다. 이를 위해 각 버튼에 할당된 변수 변화와 행동을 검사하고, 이전 버튼 클릭 시 그 반대 순서로 진행되도록 설정합니다.
사진 인덱스 조정하기: 만약 이미지 리스트를 인덱스로 관리하고 있다면, 현재 이미지 인덱스를 감소시키는 로직을 추가해야 합니다.

이미지 전환과 관련된 인터랙션 구현은 피그마에서 자주 사용되는 기능입니다. 위의 방법대로 하셨는데도 잘 되지 않는다면, 설정 내역을 재확인하시는 것도 좋은 방법입니다.

이와 비슷한 피그마 이미지 전환 구현 사례나 질문이 기존에 있을 가능성이 있습니다. 검색을 통해 확인하거나, 관련된 예제들을 찾아보시면 도움이 될 수 있습니다.

관련 질문이나 가이드를 찾기 어려우시면, 다음 링크를 참조해보세요:
- 피그마 인터랙션에서 이미지 전환 구현하기

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변