Edit in JSFiddle

  jQuery(document).ready(function() {
            jQuery('.nailthumb-container').nailthumb({width:100,height:100,fitDirection:'top right'});
      
       jQuery('.nailthumb-container1').nailthumb({width:100,height:100,method:'resize',fitDirection:'top center'});
        });

 <img src="http://www.garralab.com/img/small/avatar.png" /> 
<div class="nailthumb-container square-thumb">
        <img src="http://www.garralab.com/img/small/avatar.png" />
    </div>
    <div class="nailthumb-container square-thumb">
        <img src="http://www.garralab.com/img/small/avatar.png" />
    </div>
    <div class="nailthumb-container square-thumb">
        <img src="http://www.garralab.com/img/small/avatar.png" />
</div>

<div class="nailthumb-container1 square-thumb" style="border:1px solid black">
        <img src="http://www.garralab.com/img/small/avatar.png" />
    </div>