jQuery Nailthumb 不工作

Question

这是代码：

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

我不知道为什么，但是图片没有被钉住。

请帮忙。

Answer 1

您没有关闭 javascript 部分
您没有包含 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>

jQuery Nailthumb 不工作

jQuery Nailthumb not working

jquery

thumbnails