kazunarigit
@kazunarigit (村田 一成)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

ホームページで画像を繰り返し表示させたい

解決したいこと

ホームページで画像を繰り返し表示させたい(右から左へ無限ループ)。
ホームページはhttp://moneylands-baystars.jp

発生している問題・エラー

一回しか画像が流れない。
Screenshot_20230910-2327141.jpg
スクショの四角のところに画像が流れる。

自分で試したこと

調べてHTML~JavaScriptのコードを書いた。書き方は間違っていないはず。

0

2Answer

  function startScrolling() {
    scrollAmount += distance;
    var images = document.querySelectorAll('.container img');
    for (var i = 0; i < images.length; i++) {
      images[i].style.transform = "translateX(-" + scrollAmount + "px)";
    }
    if (scrollAmount>document.body.clientWidth){
       scrollAmount=0;
    }
  };
1Like

Comments

  1. @kazunarigit

    Questioner

    ありがとうございます。繰り返し表示出来ました。

ライブラリを使っていると思いますがそれは何かと、問題を再現できる必要最低限のサンプルコードを作って質問欄に追記してください。

0Like

Your answer might help someone💌