如何知道Carousel组件中选择了哪个帧?

时间:2017-09-18 14:15:13

标签: html5 google-web-designer

在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。

1 个答案:

答案 0 :(得分:2)

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

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

'gwd-carouselgallery_1'是轮播的ID。