シンプルで美しいスライドギャラリーjQueryプラグイン「fotorama.js」

fotorama

 

jQueryを使ったスライドギャラリーは、数多く存在していますがオプションが充実したシンプルなスライドを利用したい時などに使える「FOTORAMA」を使ってみました。

1.FOTORAMAよりデータ一式をダウンロード

 

2.jQuery本体を読み込みます。

 

3.「fotorama.js」と「fotorama.css」を読み込みます。

 

4.HTMLを記述する

 

fotoramaというクラス名を付けた親要素の中に、スライド表示したい画像を羅列すればOKです。

 

デモサンプル

オプション




タイトルとURLをコピーしました