web-dev-qa-db-ja.com

どうやってすなわちスワイパーを使うことができますか？解決策はありますか？

スワイパースライダーはchromeでは大丈夫ですが、Internet Explorerでは、働いていません。もしそうならそれを共有してください

javascriptinternet-explorersliderfrontendswiper
2
Muhammad Rizwan

スワイパースライダーに関する研究をしています。スライダに関するもう少し調べた後、スワイパーと同じように機能するスリックスライダーを手に入れました。 Internet Explorerや他のブラウザでも機能します。私はスワイパーの前に行ったようにコードのシュッドをやります

$('.slider').slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  speed: 500,
  dots: true,
  arrows: false,
  centerMode: false,
  focusOnSelect: false,
  autoplay: true,
  autoplaySpeed: 2000,
  slide: 'div',
  responsive: [
      {
      breakpoint: 900,
      settings: {
          slidesToShow: 4,
          slidesToScroll: 1,
      }
      },
      {
      breakpoint: 425,
      settings: {
          slidesToShow: 3,
          slidesToScroll: 1
      }
      },
      {
      breakpoint: 375,
      settings: {
          slidesToShow: 2,
          slidesToScroll: 1
      }
      }
      // You can unslick at a given breakpoint now by adding:
      // settings: "unslick"
      // instead of a settings object
  ]
});
 _

このHTMLを使って

<div class="slider">
<div class="item"><img src="images/logo1.png" alt="Logo"></div>
<div class="item"><img src="images/logo2.png" alt="Logo"></div>
<div class="item"><img src="images/logo3.png" alt="Logo"></div>
<div class="item"><img src="images/logo4.png" alt="Logo"></div>
<div class="item"><img src="images/logo5.png" alt="Logo"></div>
</div>
 _

私はまたCDNファイルをリンクしました。詳細については、公式のスリックサイトをご覧ください こちら

0
Muhammad Rizwan

私はIE 11の公式デモをテストし、それはうまくいきません。 v5以降のスワイパーがIE 11サポートを落としたことがわかりました。あなたはチェックすることができます このコミット と このスレッド 。今最新バージョンはv6.0.4で、IE 11では動作できません。

IE 11でスワイパーを使用したい場合は、IEをサポートする最新バージョンであるv4.xを使用できると思います。詳細については、 このスレッド を参照できます。

2
Yu Zhou