시각적 경험 작성기에서 작동하는 회전 메뉴 만들기

이 항목에서는 Adobe Target Visual Experience Composer (VEC)에서 편집할 수 있는 Carousel을 만드는 방법을 보여 줍니다.

아래 단계를 사용하면 Target에서는 항상 선택한 슬라이드가 몇 초 후에 시각적 경험 작성기에서 변경되더라도 선택한 슬라이드에 올바른 슬라이드에 대한 '선택기'가 있다는 것을 알고 있습니다.

  1. 정적 HTML 자리 표시자를 만듭니다.

    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. CSS를 추가하여 모양과 느낌을 디자인합니다.

    이 작업을 위해서는 자바스크립트를 사용하지 마십시오.

    노트

    시각적 경험 작성기에서 사용자 지정 코드와 함께 사용할 경우 자바스크립트를 사용하여 렌더링 옵션은 현재 지원되지 않습니다.

  3. 타이머/애니메이션을 사용하여 다른 항목은 숨기고 다음 항목은 표시하도록 하려면 classNames만 업데이트합니다.

    자바스크립트를 사용하여 DOM 구조를 절대 업데이트하지 마십시오.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now