Bubble.io에서 이미지용 갤러리 뷰를 어떻게 만드는지?

Bubble.io에서 이미지의 갤러리 뷰를 생성하는 것은 슬라이드쇼 요소를 설정하고 동적 이미지를 표시하도록 구성하는 것을 포함합니다. 다음은 이를 달성하는 방법에 대한 단계별 가이드입니다:

1단계: 슬라이드쇼 요소를 시각적 요소 메뉴에서 페이지로 드래그합니다.

2단계: 슬라이드쇼 요소가 선택되면 에디터의 오른쪽 부분에 있는 속성 에디터로 이동합니다.

3단계: 속성 에디터에서 동적 이미지 목록을 표시하는 옵션을 찾습니다. 이미지를 가리키도록 데이터 소스를 구성해야 할 수도 있습니다. 예를 들어, "제품 사진" 또는 "사용자가 업로드한 이미지"와 같은 특정 데이터 유형과 관련된 이미지를 표시하려고 할 수 있습니다.

4단계: 다양한 차원의 이미지를 수용하기 위해 재조정 옵션을 선택합니다. 이렇게 하면 사진이 슬라이드쇼에서 표시될 때 왜곡되는 것이 방지됩니다.

5단계: 화살표 버튼의 색상, 이미지 간 전환 그리고 네비게이션 점을 표시할지 여부 등의 다른 설정을 조정합니다.

6단계: 슬라이드쇼 요소의 데이터 소스 필드에서 표시할 이미지를 가져오는 동적 표현을 설정합니다. 이것은 "현재 페이지 제품의 이미지" 또는 "현재 사용자의 갤러리 사진"과 같을 수 있고, 앱의 구조에 따라 다릅니다.

7단계: 실행 모드에서 슬라이드쇼 요소를 테스트합니다. 슬라이드쇼의 각 화면은 표시되는 이미지의 차원에 자동으로 맞춰져야 합니다.

변경 사항을 저장하고 앱을 미리 보아 갤러리 뷰가 예상대로 기능하는지 확인하세요. 이제 이미지 갤러리가 Bubble.io 애플리케이션에서 사용자가 보기 위해 준비되었습니다.