본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 이미지 연결 패널 (Working with the Connect Image Panel)

by 라임쥬서(Lime Juicer) 2020. 5. 3.
반응형

윅스 (Wix) 코딩 - 이미지 연결 패널 (Working with the Connect Image Panel)

 

 

 

설명)

 

이미지를 데이터세트에 연결하여 컬렉션에 이미지를 표시할 수 있습니다. 이미지 연결 패널에 아직없는 경우 이미지를 선택하고 

 데이터 연결 아이콘을 클릭합니다.

 

 

 

 

 

 

데이터세트 연결하기 (Connect a dataset)

드롭다운에서 이미지를 연결할 데이터세트를 선택합니다.

 

 

 

연결 옵션 (Connection Options)

각 연결 옵션에 대해 아래 설명된대로 기존 데이터베이스 컬렉션 입력란(필드)에 연결할 수도 있고 컬렉션에 새 입력란(필드)를 추가할 수도 있습니다. 드롭다운에서 새 컬렉션 입력란(필드) 추가를 선택한 다음 입력란(필드) 이름과 입력란(필드) 유형을 정의합니다. 그러면 컬렉션에 새 입력란(필드)가 추가되고 자동으로 연결됩니다.

 

 

이미지 소스 연결하기 (Image source connects to)

드롭다운을 클릭하여 이미지의 내용을 표시할 이미지 입력란(필드)를 선택합니다.

 

대체 텍스트 연결하기 (Alt text connects to)

드롭다운을 클릭하여 콘텐츠의 대체 텍스트로 사용할 입력란(필드)를 선택합니다. 텍스트, 숫자 및 날짜 입력란(필드)를 선택할 수 있습니다.

 

툴팁 연결하기 (Tooltip connects to)

드롭다운을 클릭하여 이미지의 툴팁으로 사용할 콘텐츠가 있는 입력란(필드)를 선택합니다. 텍스트, 숫자 및 날짜 입력란(필드)를 선택할 수 있습니다.

 

링크 연결하기 (Link connects to)

이미지를 클릭할 때 수행할 작업을 선택합니다.

- 데이터세트 작업 (Dataset Actions)

데이터세트 작업 옵션은 컬렉션 콘텐츠를 표시하거나 사용자 입력을 캡처하도록 설정된 요소가 페이지에 있을 때 유용합니다.

- 동적 페이지 (Dynamic Pages)

현재 데이터세트 항목이 포함된 동적 항목 또는 카테고리 페이지로 연결합니다.

- 필드 (Fields)

컬렉션의 URL 또는 문서 입력란(필드)에 연결합니다. URL 입력란(필드)에 링크하면 해당 페이지가 새 탭에서 열립니다. 문서 입력란(필드)에 링크하면 해당 입력란(필드)에 저장된 문서가 방문자의 기기에 다운로드됩니다.

 

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/working-with-the-connect-image-panel

 

반응형

댓글