Swiperを使った自動スクロールについての質問です！

現在Swiperを使い、スライドショーの作成をしているのですが、スライドとスライドの切り替えの際の時間をどうしてもなくしたい（日本語が下手で伝わりにくく申し訳ないです）のですがどのように記述すればよいのかわかりません。

今現在は

js
1var swiper = new Swiper('.swiper-container', {
2      slidesPerView: 8,
3      spaceBetween: 30,
4      initialSlide: 2,
5      loop: true,
6      autoplay: 1,
7      autoplayDisableOnInteraction:false,
8      grabCursor: true,
9      reverseDirection: true,
10      freeMode: true,
11      speed: 4000,
12    });

このように記述をしております。

完成イメージはこのような感じです
https://chocolat5.com/demo/loop-image-animation/

皆様にお助けいただければ助かります!

上記画像のパソコンやスマートフォンの画像を、右から左に流れるようにアニメーションをさせたいと考えています。

また、こちらHTMLとSCSSになります。

html
1<div class="swiper-container">
2      <div class="swiper-wrapper">
3        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/kaden.png"></div>
4        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/tablet.png"></div>
5        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/desktop.png"></div>
6        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/note.png"></div>
7        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/smart.png"></div>
8        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/parts.png"></div>
9        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/etc.png"></div>
10        <div class="swiper-slide"><img alt="ロゴ" src="<?php echo get_template_directory_uri(); ?>/images/gaming.png"></div>
11      </div>
12    </div>

scss
1.swiper-container {
2  padding: 3em 0 6em;
3}

CHERRY

2019/01/22 05:42

> 現在Swiperを使い、スライドショーの作成をしているのですが、スライドとスライドの切り替えの際の時間をどうしてもなくしたいの状況がわかりにくいのですが、画面キャプチャー等を利用して、具体的にどのような状況かを記載していただくことは難しいでしょうか？（例：図１から図２に切り替わる時に 3秒停止するので、停止時間をなくしたい。のような感じで...）差し障りがないのであれば、実際の URL を提示していただいて、どの部分とわかるようにしていただくのでも OK です。あと... - Webブラウザのデベロッパーツールのコンソールで、エラー等は出ていませんか？ - swiper.js と swiper.cs は、どのように記載されていますか？ CDN 経由ですか？ - HTML 側のソースコードも記載していただけないでしょうか？

退会済みユーザー

2019/01/22 06:20

ご質問ありがとうございます。先ほど上記内容を追記いたしました。 URLは記載できないのですが、上記内容で不足等あればまたお教えいただければ助かります。

退会済みユーザー

2019/01/22 06:24 編集

ご質問ありがとうございます。先ほど画像とHTMLのコードを追記いたしました。 - Webブラウザのデベロッパーツールのコンソールで、エラー等は出ていませんか？ →現状は出ておりません。 - swiper.js と swiper.cs は、どのように記載されていますか？ CDN 経由ですか？ →CDNになります。 URLは記載できないのですが、ほかに何かご質問等あればお教えいただければ助かります。何卒よろしくお願いいたします。