html - 如何知道 Carousel 组件中选择了哪个框架？

Question

在 Google Web Designer 中，我添加了一个轮播控件。我如何知道用户当前正在查看哪个图像？

我添加了一个新Frame Activated事件，并创建了一个自定义操作：

<script type="text/javascript" gwd-events="handlers">
    window.gwd = window.gwd || {};
    gwd.boardSelectionChanged = function(event) {
      // which frame is showing now?
    };
</script>

我需要知道当前的帧 ID。

Answer 1

您可以使用以下示例获取当前帧索引：

var gallery = document.getElementById('gwd-carouselgallery_1');
console.log(gallery.currentIndex);

'gwd-carouselgallery_1'是轮播的ID。