Jquery jssor更改缩略图宽度和高度

我正在使用带缩略图导航器的Jssor图像滑块。 我一直在调整类和图像的宽度和高度，但我还没有找到一种方法来为每个缩略图定义特定的宽度和高度。我不需要每个缩略图都有不同的大小，但我想使用的大小与演示不同

非常感谢您的帮助。

---

我发现很难自定义此滑块及其元素的大小，因为缩略图导航器（skin\thumbnail-01.source.html）如下所示：

    <!-- Thumbnail Navigator Skin Begin -->
    <div u="thumbnavigator" class="jssort01" style="position: absolute; width: 800px; height: 100px; left:0px; bottom: 0px;">

        <!-- Thumbnail Item Skin Begin -->
        <style>
            /* jssor slider thumbnail navigator skin 01 css */
            /*
            .jssort01 .p           (normal)
            .jssort01 .p:hover     (normal mouseover)
            .jssort01 .pav           (active)
            .jssort01 .pav:hover     (active mouseover)
            .jssort01 .pdn           (mousedown)
            */
            .jssort01 .w
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
            }
            .jssort01 .c {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 68px;
                height: 68px;
                border: #000 2px solid;
            }
            .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
                background: url(../img/t01.png) center center;
                border-width: 0px;
                top: 2px;
                left: 2px;
                width: 68px;
                height: 68px;
            }
            .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                top: 0px;
                left: 0px;
                width: 70px;
                height: 70px;
                border: #fff 1px solid;
            }
        </style>
        <div u="slides" style="cursor: move;">
            <div u="prototype" class="p" style="position: absolute; width: 72px; height: 72px; top: 0; left: 0;">
                <div class=w><thumbnailtemplate style="width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;"></thumbnailtemplate></div>
                <div class=c>
                </div>
            </div>
        </div>
        <!-- Thumbnail Item Skin End -->
    </div>
    <!-- Thumbnail Navigator Skin End -->

/*jssor滑块缩略图导航器皮肤01 css*/
/*
.jssort01.p（正常）
.jssort01.p：悬停（正常鼠标悬停）
.jssort01.pav（活动）
.jssort01.pav:悬停（活动鼠标悬停）
.jssort01.pdn（鼠标向下）
*/
.jssort01.w
{
位置：绝对位置；
顶部：0px；
左：0px；
宽度：100%；
身高：100%；
}
.jssort01.c{
位置：绝对位置；
顶部：0px；
左：0px；
宽度：68px；
高度：68px；
边框：#000两倍实心；
}
.jssort01.p:hover.c、.jssort01.pav:hover.c、.jssort01.pav.c{
背景：url（../img/t01.png）中心；
边框宽度：0px；
顶部：2个；
左：2px；
宽度：68px；
高度：68px；
}
.jssort01.p:hover.c、.jssort01.pav:hover.c{
顶部：0px；
左：0px；
宽度：70px；
高度：70像素；
边框：#fff 1px实心；
}

您可以更改上面代码中的大小（68px、70px、72px）