如何将Carousel(轮播图)中选中的项设置为首个展示项

• 新增初始位置配置项
  IndustryXCarousel原生支持指定初始化后默认展示的项，你只需要提前计算出目标选中项在outputimages数组中的下标（下标从0开始计数，假设你业务中计算得到的目标下标为selectedIndex），在实例化轮播的配置中添加startIndex: selectedIndex即可，部分版本的参数名也可能为initialSlide，可以根据组件实际属性调整参数名。
  修改后的核心配置示例：

outputObj = new IndustryXCarousel(outputCaro, {
  items: 3,
  startIndex: selectedIndex, // 新增这行，selectedIndex替换为你实际的目标项下标
  firstItemFixed: false,
  arrows: true,
  dots: false,
  leftArrow: `<i class="icon-chevron-left"></i>`,
  rightArrow: `<i class="icon-chevron-right"></i>`,
  margin: 40,
  responsive: [
    {
      maxWidth: 1500,
      items: 1,
    },
    {
      maxWidth: 1250,
      items: 1,
    },
    {
      maxWidth: 600,
      items: 1,
    },
  ],
});

• 实例化后调用跳转方法兜底
  如果你使用的IndustryXCarousel版本不支持初始位置配置，可以在实例化完成后主动调用轮播的跳转方法定位到目标项，常见的方法名为slideTo、goTo，示例如下：

outputObj = new IndustryXCarousel(outputCaro, {
  // 原有配置保持不变
});
outputObj.slideTo(selectedIndex); // 新增这行，直接跳转到目标项位置

• 可选代码优化
  你当前使用Array.prototype.map遍历DOM节点属于误用，map方法设计用来生成新数组，纯遍历操作建议替换为Array.prototype.forEach，避免不必要的性能开销。

内容的提问来源于stack exchange，提问作者user16575094