Web制作

【jQuery】背景の画像を自動で切り替える方法【bg-switcher】

どうも、「なか」です。

今回は背景の画像を自動で切り替える方法を紹介していきます。

bg-switcherというjQueryのプラグインを使用します。

簡単に実装できるので、初心者の方にもおすすめです。

では、記事に入っていきます(/・ω・)/

背景の画像を自動で切り替える方法

jQueryのプラグインゆえ、まず読み込みましょう。

以下は現時点での最新版。

次は以下のリンクから「jquery.bgswitcher.js」をダウンロードしましょう。
指定した背景画像をx秒毎に切り替えるjQueryプラグイン

ダウンロードしたファイルは、フォルダにアップロードしてください。

その後は、以下のように記述してファイルを読み込みましょう。

以下のスクリプトを記述してください。

最後に、背景画像を表示したいところを指定すれば大丈夫です。

これで完了です。

細かいカスタマイズなどは、公式のドキュメントを読んでいただけたらなと。

以下にリンクを置いておきます。

>>>指定した背景画像をx秒毎に切り替えるjQueryプラグイン

というわけで、おわり。

RELATED POST