DokumentationTargetAnvändarhandbok om Target

Skapa Carousel som fungerar i Visual Experience Composer

Last update: Mon Mar 14 2022 00:00:00 GMT+0000 (Coordinated Universal Time)

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.

    code language-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.

    note note
    NOTE
    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.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654