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

Fit(イメージの配置方法が4つあります。)

'contain' (default)

イメージ全体を表示させる

< div class="fotorama" data-width="500px" >

'cover'

表示領域全体に表示させる

< div class="fotorama" data-width="500px" >

'scaledown'

画像を引き伸ばして表示する

< div class="fotorama" data-width="500px" >

'none'

画像自体のサイズで表示する

< div class="fotorama" data-width="500px" >

タグ内に配置したい方法をdata-fit属性で指定します。

Example1

200×300px cat.jpg

▼240×180pxの領域に設定します。

←戻る

300×200px tree.jpg

▼240×180pxの領域に設定します。

←戻る