Création de carrousels qui fonctionnent dans le compositeur d’expérience visuelle

Cette rubrique montre comment créer un carrousel qui peut être modifié dans le Adobe Target Visual Experience Composer (VEC).

Lorsque vous utilisez la procédure suivante, Target considère toujours que la diapositive sélectionnée est associée au « sélecteur » de la diapositive appropriée, et même si celle-ci est modifiée dans le compositeur d’expérience visuelle au bout de quelques secondes.

  1. Créez des espaces réservés d’HTML statique.

    code language-html
    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. Ajoutez un CSS pour la conception de l’apparence.

    Ne pas utiliser JavaScript.

    note note
    NOTE
    L’option Render Using JavaScript n’est actuellement pas prise en charge si elle est utilisée avec du code personnalisé dans le compositeur d’expérience visuelle.
  3. Mettez à jour uniquement les balises className afin de masquer les autres et d’afficher les suivantes avec le délai/l’animation.

    Ne jamais utiliser JavaScript pour mettre la structure DOM à jour.

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