Image Carousel

여러 개의 열을 구성하여 이미지 항목들을 표시할 수 있다.
캐러셀은 수평으로 스크롤할 수 있고 항목들이 순서대로 표시된다.

메시지는 다국어로 전송할 수 있다. 다국어 메시지는 클라이언트의 단말기 언어 설정에 맞게 표시된다.

이미지 캐러셀의 구조는 다음과 같다.

structure_image_carousel

Request Content {#image-carousel-request}

common {#image-carousel-request-common}

파라미터	타입	필수 여부	설명
type	string	Y	"image_carousel"로 고정
columns	array	Y	이미지 캐러셀의 객체 목록 최대: 10개
columns[].originalContentUrl	string	Y	이미지 URL(PNG 형식, HTTPS만 허용) originalContentUrl, fileId 중 하나만 지정해야 하며, 필수다. 최대 크기: 1MB 최대 글자수: 1,000자
columns[].fileId	string	N	이미지 파일 ID. originalContentUrl, fileId 중 하나만 지정해야 하며, 필수다. 최대 크기: 1MB
columns[].action	Action Object	N	이미지를 눌렀을 때 동작

multi language {#image-carousel-request-multilang}

파라미터	타입	필수 여부	설명
columns[].i18nOriginalContentUrls[]	array	N	다국어 이미지 URL 목록
columns[].i18nOriginalContentUrls[].language	string	Y	다국어 언어 코드 • ko_KR • ja_JP • zh_CN • zh_TW • en_US
columns[].i18nOriginalContentUrls[].originalContentUrl	string	Y	이미지 URL(PNG 형식, HTTPS만 허용) 최대 크기: 1MB 최대 글자수: 1,000자
columns[].i18nFileIds[]	array	N	다국어 이미지 파일 ID 목록
columns[].i18nFileIds[].language	string	Y	다국어 언어 코드 • ko_KR • ja_JP • zh_CN • zh_TW • en_US
columns[].i18nFileIds[].fileId	string	Y	이미지 파일 ID. 최대 크기: 1MB

Request Example {#image-carousel-request-example}

example_image_carousel

{     "content":{        "type":"image_carousel",      "columns":[           {              "originalContentUrl":"https://example.com/example.png",            "action":{                 "type":"uri",               "label":"Visit",               "uri":"https://example.com"            }         },         {              "originalContentUrl":"https://example.com/example.png",            "action":{                 "type":"uri",               "label":"Visit",               "uri":"https://example.com"            }         },         {              "originalContentUrl":"https://static.worksmobile.net/static/wm/botprofile/Bot_General_640.png",            "action":{                 "type":"uri",               "label":"Talk",               "uri":"https://example.com"            }         }      ]   }}