JQuery Nailthumb не работает

Question

Это код:

[https://jsfiddle.net/r7bfY/96/][1] 

Я не знаю, почему, но картина не становится nailthumbed.

Пожалуйста, помогите.

Answer 1

1. Вы не закрывал JavaScript Часть
2. Вы не включили nailthumb файла JavaScript.

$(function() { 
 
     $('.nailthumb-container').nailthumb(); 
 
    });

.square-thumb { 
 
    width:100px; 
 
    height:100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/jquery.nailthumb/1.1/jquery.nailthumb.min.js"></script> 
 
This is original picture: 
 
<br> 
 
<img src="http://www.garralab.com/img/small/avatar.png" /> 
 
<br> 
 
<br> 
 
This should be updated, but looks same: 
 
<br> 
 
<div class="nailthumb-container square-thumb"> 
 
     <img src="http://www.garralab.com/img/small/avatar.png" /> 
 
</div>