ASH INSTITUTE Blog

jQueryを使ったSkitter(エフェクトが多彩なスライドショー)導入



トップページのメインビジュアルをちょっと今風に楽しめるように、という事で。
ここ↓が参考になって、とても助かりました。

Flashの代わりにjQueryプラグインSkitterでなんとかしろと言われたので
http://today-only.net/customizing-skitter/

jQueryを使ってのスライドショープはすごくたくさんありますが、
このSkitterは中でもエフェクトが多彩で設定も比較低簡単なのが特徴です。
今表示している画像が何枚目のものかわかるインジケーターや、
ナビゲーション、キャプションの文字等、色々表示できるのですが、
私の場合、ギャラリーとして使うわけではないので、これらは全て非表示にしました。

これにする前の少しの間だけ使っていたのは、同じjQueryを使ったmaxImage。
これは、指定した背景画像をブラウザサイズに合わせてフルスクリーンに拡大して、
更にスライドショーにしてくれる、というもの。
これを導入した時は、ここ↓のサイトが役に立ちました。

2012年04月09日(月) No.41 (車以外のデザイン、Webデザイン、他)


       
   














ASH INSTITUTE Blog