css ポートレート写真で img 幅を設定すると、ストレッチします。img width を設定しない場合、carouFredSel は現在の画像の隣に他の画像のパーツを表示します。固定幅のカルーセルの中央に 1 枚の (ポートレート) 写真だけを表示するにはどうすればよいですか?
----js------
$('#carousel').carouFredSel({
width: '100%',
items: {
visible: 3,
minimum: 1,
start: 0,
width: '100%',
align:'center'
},
scroll: {
items: 1,
duration: 800,
timeoutDuration: 3000
},
prev: '#prev',
next: '#next',
pagination: {
container: '#pager',
deviation: 0
},
auto: {
pauseOnHover: true
}
});
-------css------------
#carousel img {
display: block;
float: left;
/*width: 978px;*/
height: 652px;
background: white;
text-align: center;
}