clip-pathを使って、画像が自動で切り替わるスライダーを作りたい(css,js)

作りたい参考サイト↓
第一希望
https://www.kingjim.co.jp/sp/sr-mk1/
第二希望
https://www.cssscript.com/demo/carousel-css-clip-path/

自動でトップ画面が切り替わるようにしたいです。

clip-pathを使ってるところまではわかったのですが、
jsが絡むと作動しなくなります。（cssの時点で間違えてる可能性も大ですが、、、）

html
1
2<div class="slider">
3
4  <img src="https://placehold.jp/100/70643d/ffffff/550x500.png?text=Image2" alt="" class="slide next-left">
5
6  <img src="https://placehold.jp/100/70643d/ffffff/550x500.png?text=Image2" alt="" class="slide current">
7
8  <img src="https://placehold.jp/100/3d704f/ffffff/550x500.png?text=Image3" alt="" class="slide next-right">
9</div>
10

css
1.slider {
2    position: relative;
3    display: flex;
4}
5
6.next-left {
7    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);
8    position: absolute;
9}
10next-right {
11    clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);
12    position: absolute;
13}
14.current {
15    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
16}
17slide {
18    width: 100vw;
19    height: 100vh;
20    display: block;
21    object-fit: cover;
22    object-position: center;
23}

js
1$(function() {
2  var idx = 0;
3  var interval = 3000;
4  var items = $(".slide");
5  
6  timer = setInterval(slideTimer, interval);
7
8  function slideTimer() {
9    items.removeClass("next-left next-right");
10    items.eq(idx).addClass("next-right"); 
11    items.eq(idx==3 ? idx=0 : ++idx).addClass("next-left");    
12  };
13});

どうしてもわからなく行き詰まってしまいましたので、質問させていただきました。
よろしくお願いいたします

kuma_kuma_

2020/10/04 09:26

そっか前の質問消したのか...これ前の回答者さんの内容が良かっただけに返答こまるんだよな... しかも今度は「やってほしいことだけを記載した丸投げの質問」だし...

sora135

2020/10/04 09:29

ご指摘ありがとうございます。 DIVIのテーマを使用しているのでhtmlを書き出すことが難しく、質問を変えさせていただきました。(diviではすでに決められたhtmlが組んであるため)

kuma_kuma_

2020/10/04 09:37

> DIVIのテーマを使用しているのでhtmlを書き出すことが難しくそれここの質問の書かないと判らないよね？以前の質問には書いてあったのに… 現状だと「DIVIのテーマ」がどの様に影響しているかわからないから回答できないよ？参考URLも見たけど前回回答された内容からstyle変更してるし処理も変えている当然動かないよね？あそこで私も回答したけどベストアンサーの方の回答はあの状況下では満点だと思いましたよ？

sora135

2020/10/04 09:43

今回の質問はDiviを切り離して考えておりますので、htmlも書いております。ここではDiviのテーマと切り離して考えてください。自分でも自力で実装をと考え、styleを変えたりしてみましたが知識不足のため変更箇所が不適切であったことは認識しております。ベストアンサーの方のご回答には大変感謝しており次の考えに至ることができました。他に方法はないかと模索していたところで、この質問にいたりました。今回もご指摘ありがとうございました。

kuma_kuma_

2020/10/04 09:54

> DIVIのテーマを使用しているのでhtmlを書き出すことが難しく、質問を変えさせていただきました。(diviではすでに決められたhtmlが組んであるため) と > 今回の質問はDiviを切り離して考えておりますので、はまったく正反対の発言ですよね？ > htmlも書いております。一部だけ書かれても困ります。というかどこから持ってきたソースですか？

sora135

2020/10/04 09:57

前回の質問と今回の質問は異なると考えでいただたいて大丈夫です。 (ローカルで実装しDiviに移す流れです)

kuma_kuma_

2020/10/04 10:15 編集

> (ローカルで実装しDiviに移す流れです) ええ、前回の回答されたかたもそこまで回答されていますが？ > というかどこから持ってきたソースですか？壊れている状態で書かれても困ります。元があるんでしょ？壊れていますが動いてはいますよ。