Skapa Carousel som fungerar i Visual Experience Composer
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 vet Target alltid att den valda bildrutan kommer att ha väljaren för rätt bildruta, även om den ändras i Visual Experience Composer efter några sekunder.
-
Skapa statiska HTML-platshållare.
code language-html <ul> <li class="show"> slide 1 </li> <li class="hidden"> slide 2 </li> <li class="hidden"> slide 3 </li> </ul> -
Lägg till CSS för att utforma utseendet och känslan.
Använd inte JavaScript för detta.
note note NOTE Alternativet Render Using JavaScript stöds för närvarande inte om det används tillsammans med anpassad kod i Visual Experience Composer. -
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