SIRIUSにスライダー(スライドショー)を実装してみた

SIRIUSにスライダーTOP

SIRIUSのテンプレートにのヘッダーやフリースペースに、次々と画像がスライドして入れ替わるスライドショーみたいなの付けて、サイトを華やかにしたいなって思ったことありませんか?

あの無限ループみたいにスライドして画像が入れ替わるのを見ていても全然飽きませんね。

今回は、SIRIUSのビジネステンプレートのheaderとフリースペース、記事中にスライダー(スライドショー)を実装してみました。

Sponsored Links

SIRIUSにbxsliderを実装してみた

画像をスライドさせるスライダー、カルーセル、スライドショーのプラグインはいくつもありますが、今回SIRIUSに実装したJQueryプラグインはbxsliderです。

まずは、シリウスのテンプレートに実装した以下のデモページをご覧ください。

 

デモページ

 

デモページで使用したJQueryプラグインの魅力は、思ったよりも簡単に設置でき、レスポンシブ対応のbxsliderです。

 

レスポンシブ対応なら、大きいサイズの画像でも、ページやヘッダーの幅に合わせてくれるので、画像のサイズをあまり気にしなくてもいいですね!

 

SIRIUSにスライダーを実装したころは、まったくのウェブ初心者でして、HTML編集でhead内にjQueryを呼び込む?ってどうするんだとか、ウェブ初心者にはハードルが高すぎましたが、あきらめずにやれば、あなたも実装できるようになります。

 

ウエブ関係のことは、まったく知らず、誰一人聞ける人もいなかったんですけど、必死で一から独学で学び、スライダーを簡単に実装できるレベルまでなりました。

 

SIRIUSへの実装方法は、後程書きたいとおもいます。

 

10分で設置完了!SIRIUSにbxスライダーを実装してみよう

 

デモページ

 

Sponsored Links

こちらの記事もよく読まれています

SNSでもご購読できます。

コメントを残す

*

CAPTCHA