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

Cette rubrique explique comment créer un carrousel qui peut être modifié dans le Adobe Target Compositeur d’expérience visuelle (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 Rendu avec JavaScript n’est actuellement pas prise en charge si elle est utilisée avec un 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