小编vid*_*229的帖子

我使用 Jquery Slick Slider 创建了一个图像滑块，它也有 youtube 视频剪辑。当页面加载 youtube 视频设置为滑块的第一张幻灯片时，它会自动播放并开始播放。我想，当我将滑块框架更改为下一张幻灯片时，youtube 视频停止播放。

我查看了其他 stackoverflow 答案，但找不到任何内容。

我试过这个 -

这是我的 div 结构-

<div id="mainSlider" class="box box-default">
    <div class="sliderItem"><div class="playerID"><iframe width="100%" height="100%" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/VIDEO_ID?rel=0&amp;autoplay=1&amp;version=3&amp;loop=1&amp;playlist=VIDEO_ID&amp;enablejsapi=1" id="player"></iframe></div></div>
    <div class="sliderItem"><img src="" /></div>
    <div class="sliderItem"><img src="" /></div>
    <div class="sliderItem"><img src="" /></div>
</div>

我用过 JS -

$("#mainSlider").slick({
         dots: true,
          autoplay: false,
          autoplaySpeed: 7000,
          speed: 500,
          pauseOnHover: true,
           responsive: [
        {
          breakpoint: 1025,
          settings: {
            arrows: true,
            dots: false
          }
        }
      ]
    })
    .on('afterChange', function( e, slick, currentSlide ) { …

我的目标是使用TYPO3 7.6.2版本中的扩展构建器创建扩展.我从扩展构建器文档创建了Category Product扩展,除上传单个图像外,它工作正常.

但我必须创建功能,将多个图像添加到单个产品,并在前端显示图像轮播.但扩展构建器不适用于文件上载.

我是TYPO3的新手,所以我不明白如何添加多个图像？我读了太多文件,但没有找到完美的解决方案.

我只是想知道如何向产品添加多个图像的过程？

提前致谢!