Visual Experience Composer 内で動作するカルーセルの作成
このトピックでは、Adobe Target Visual Experience Composer （VEC）で編集できるカルーセルの作成方法を説明します。
次の手順を使用すると、Visual Experience Composer 内で数秒後に変更された場合でも、選択スライドが正しいスライドの「セレクター」を持つことを Target が必ず認識するようになります。
-
静的 HTML プレースホルダーを作成します。
code language-html <ul> <li class="show"> slide 1 </li> <li class="hidden"> slide 2 </li> <li class="hidden"> slide 3 </li> </ul> -
CSS を追加して外観と操作性をデザインします。
これには JavaScript を使用しないでください。
note note NOTE Render Using JavaScript オプションは、現在、Visual Experience Composer でカスタムコードと共に使用する場合はサポートされていません。 -
classNames の更新のみをおこなって、他を非表示にし、タイマーやアニメーションで次を表示するようにします。
絶対に JavaScript で DOM の構造を更新しないでください。
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654