用于徽标的光滑滑块

问题描述

我正在使用 bootstrap 和 angular 我想在滑块上显示图像,因为我使用的是 slicker。但是当我在图像中传递数组时它无法正常工作,它的 hsows 图像水平和滑块不起作用所以我必须单独给出图像并且它工作正常但是如果我进入另一个组件然后返回滑块停止工作并且图像显示水平。我在 ngonit 上调用了光滑的滑块。

  $(function () {
      $(".customer-logos").slick({
        slidesToShow: 4,slidesToScroll: 1,autoplay: true,autoplaySpeed: 1500,arrows: false,dots: false,pauSEOnHover: false,});
    }); 

html 代码

<section class="customer-logos slider">
      <div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/3d-Box-logo_1103-876.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>
      <div class="slide"><img src="https://image.freepik.com/free-vector/retro-label-on-rustic-background_82147503374.jpg"></div>
   </section>

提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)