スライドショーとは、画像が一定の時間ごとに切り替わる機能で、JavaScriptの基本知識があればスライドショーを作ること自体難しくありません。 jQueryなどでも簡単に実装できますが、まずは素のJavaScript(Vanilla JSとも呼ばれる)を使って理解を深めることで、他のライブラリやフレームワークを使用するときに役立ちます。 今回は、再生・停止機能ボタンを付けたスライドショーを実装していきます。 デモ 今回は、このようなスライドショーを実際に作っていきます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Beutiful Four Seasons</title> <link rel="stylesheet" href="styles.css" /> <script src="script.js"></s
![【JavaScriptの実践】スライドショーの作り方 – ワードプレステーマTCD](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f951a88f6074f1e1686af4e5d132c07136febec/height=288;version=1;width=512/https%3A%2F%2Ftcd-theme.com%2Fwp-content%2Fuploads%2F2021%2F07%2Fjs-slideshow02.jpg)