narunaru7638 https://blog.hatena.ne.jp/narunaru7638/ なるの備忘録 https://narunaru7638.hatenablog.com/ HTML、CSS、JavaScript(jQuery)で自動的に画像がスライドしていく画像スライダーを作ります。 よくWebページのトップバナーがこんな感じに変化していますね。 動作イメージ ページを開くと１枚目の画像が表示されています。 しばらくすると画像が左にスライドします。（１枚目の画像が少しだけ左に見えるのが分かりますか？） またしばらくすると画像がさらに左にスライドします。 最後の画像が表示されたあとは、再び１枚目の画像に戻ります。（ここはアニメーションなしで一瞬で戻ります。） 論よりコード HTML <!DOCTYPE html> <html lang="ja"> <head> <… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnarunaru7638.hatenablog.com%2Fentry%2F2019%2F04%2F13%2F232248" title="自動的に画像がスライドしていく画像スライダーを作る - なるの備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/narunaru7638/20190413/20190413230924.png Hatena Blog https://hatena.blog 2019-04-13 23:22:48 rich https://narunaru7638.hatenablog.com/entry/2019/04/13/232248 1.0 100%