jquery nailthumbのクロップで範囲がうまく指定できない。

Question

jquery nailthumbを利用しようとしています。

表示方法にクロップを利用しようとしているのですが、うまく出来ません。
縦横比・サイズがまちまちな画像の短辺を自動取得し、そのサイズに縮小&トリミング・中心部分をサムネイル表示とさせたいのですが、現状は元となる写真サイズのまま左上を指定サイズでサムネイル化しているだけです。

<!--nailthumb-->
<script type="text/javascript" src="../../lib/jquery_nailthumb.1.1.min.js"></script>

～

<div class="nc s-t"><a href="01.jpg" rel="g1" class="g1"><img src="01.jpg"></a></div>
<div class="nc s-t"><a href="02.jpg" rel="g1" class="g1"><img src="02.jpg"></a></div>
～
<script type="text/javascript">
  jQuery(document).ready(function() {
  jQuery('.s-t').nailthumb({method:'crop',fitDirection:'center center'});
  });
</script>

.nc {
	float: left;
	overflow: hidden;
	margin:15px;
	width: 190px;
	height: 190px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: inline-block;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向 下方向 ぼかし 広がり 色 */
}

どこを修正したら良いでしょうか?

Answer 1

nailthumbのオプションに
width: 190, height: 190
を追加してやってもダメですか？

Comments

[terataka]

返答ありがとうございます。
jQuery('.s-t').nailthumb({width:190,height:190,method:'crop',fitDirection:'center center'});
としてみましたが変化なしです。

[naga3]

こっちで同じソースを動かしてみたところちゃんと縮小＆クロップしてくれるので、他のCSSとかが邪魔してるんじゃないでしょうか・・・

[terataka]

返答ありがとうございます。
cssを見直してみます。