0

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

fotorama

 

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

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

 

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

 

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

 

4.HTMLを記述する

 

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

 

デモサンプル

オプション




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

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