Fotorama
http://plugins.jquery.com/fotorama/
使い方など
http://fotorama.io/
http://plugins.jquery.com/fotorama/
使い方など
http://fotorama.io/
Fotoramaのカスタマイズ
htmlの<div class="fotorama" ******>の中に書く場合は、
data-****="****"
jsの$('.fotorama').fotorama({******});の中に書く場合は
****: ****
Number or Stringはpx or %で指定可能
width Number or String
minwidth Number or String
maxwidth Number or String
height Number or String
minheight Number or String
maxheight Number or String
ratio Number or String width/height
margin Number 隣の写真との距離
glimpse Number or String 隣の写真が見える その幅指定
nav String or Boolean 'dots'(Default) ドット 'thumbs' サムネイル false なし
navposition String 'bottom' 'top'
thumbwidth Number
thumbheight Number
thumbmargin Number
thumbborderwidth Number
allowfullscreen Boolean or String false(Default) true ブラウザのフル 'native' スクリーンのフル
fit String 'contain'(Default) widthかheightのどちらかがエリアと同じ幅 上下、左右どちらかに隙間がある 小さい場合、拡大される
'cover' エリア全部に表示されるように画像をトリミング
'scaledown' そのままの大きさで表示、大きい場合はwidthかheightのどちらかがエリアと同じ幅 上下、左右どちらかに隙間がある
'none' 画像のそのままの大きさで表示
transition String 'slide'(Default) 'crossfade' 'dissolve' アニメーションなし
transitionduration Number
caption String
hash Boolean
startindex Number or String
loop Boolean
autoplay Boolean or Number
stopautoplayontouch Boolean スライドショーに関する何かの動作をしたらストップする
keyboard Boolean
arrows Boolean
click Boolean
swipe Boolean
trackpad Boolean
shuffle Boolean
direction String ltr or rtl Right-to-left
spinner Object
shadows Boolean