Skapa Carousel som fungerar i Visual Experience Composer

Senaste uppdatering: 2022-03-14

I det här avsnittet visas hur du skapar en karusell som kan redigeras i Adobe Target Visual Experience Composer (VEC).

När du använder stegen nedan Target alltid vet att den markerade bildrutan kommer att ha väljaren för rätt bildruta, även om den ändras i Visual Experience Composer efter några sekunder.

  1. Skapa statiska platshållare för HTML.

    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. Lägg till CSS för att utforma utseendet och känslan.

    Använd inte JavaScript för detta.

    OBSERVERA

    The Render Using JavaScript för närvarande stöds inte om det används tillsammans med anpassad kod i Visual Experience Composer.

  3. Uppdatera bara classNames för att dölja andra och visa nästa med timern/animeringen.

    Uppdatera aldrig DOM-strukturen med JavaScript.

På denna sida