微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

用于徽标的光滑滑块

如何解决用于徽标的光滑滑块

我正在使用 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 举报,一经查实,本站将立刻删除。