bxSliderを使ってみた

今日もゴリゴリとWebを作成していました。

 

昨日のスパムサイトになりそうな懸案を回避するため、ページ数を減らして、1ページにもっとコンテンツを詰め込む方式にしました。

 

そこで役にたったのが、bxSliderというjQueryです。

divタグごとスライドしてくれて、いい感じにコンテンツを詰め込めました。

 

あと、カスタマイズが容易にできる点も嬉しかったです。

次のページにスライドする関数が外に出ているので、JavaScriptが使える人なら簡単に呼び出せますし、ソースも簡単に追えます。

 

今まで使ったjQueryの中では、かなり使い勝手が良かったです(^^)/

 


jQueryいろいろ

jQueryをいろいろ試してみました。

 

・LiteBox

静止画をポップアップ表示

 

litebox

(導入方法)

 

・VideoBox

動画をポップアップ表示

 

videobox

(導入方法)

 

・SmoothScroll

なめらかにスクロール

(導入方法)

 

 

・jQuery Blinds

スライドショー

brinds

(導入方法)

 

・iView Slider

テキスト付き自動スライドショー

iview

(導入方法)

 

・vgrid

可変グリッドレイアウト

vgrid

(導入方法)