Jquery 超大全屏滑块，带垂直拇指托盘

我有Jquery超大全屏滑块，默认快门主题作为我的wordpress主题滑块。此滑块的默认缩略图容器位于屏幕底部的水平位置。有人知道如何将这个拇指托盘垂直放置在屏幕右侧吗

超大尺寸的演示链接：-

所需结果的演示链接：

请参阅以下链接

看第二个演示

其他参考资料

---

在supersize.shuter.js中，我找到了负责拇指托盘水平移动的脚本行

/* Thumbnail Mouse Scrub
        ----------------------------*/
        if (api.options.mouse_scrub){
            $(vars.thumb_tray).mousemove(function(e) {
                var containerWidth = $(vars.thumb_tray).width(),
                    listWidth = $(vars.thumb_list).width();
                if (listWidth > containerWidth){
                    var mousePos = 1,
                        diff = e.pageX - mousePos;
                    if (diff > 10 || diff < -10) {
                        mousePos = e.pageX;
                        newX = (containerWidth - listWidth) * (e.pageX/containerWidth);
                        diff = parseInt(Math.abs(parseInt($(vars.thumb_list).css('left'))-newX )).toFixed(0);
                        $(vars.thumb_list).stop().animate({'left':newX}, {duration:diff*3, easing:'easeOutExpo'});
                    }
                }
            });
        }

/*缩略图鼠标拖动
----------------------------*/
if（api.options.mouse\u-scrub）{
$（变量thumb_托盘）。鼠标移动（函数（e）{
var containerWidth=$（vars.thumb\u托盘）.width（），
listWidth=$（vars.thumb_list）.width（）；
如果（列表宽度>容器宽度）{
var mousePos=1，
diff=e.pageX-鼠标点；
如果（差值>10 | |差值<-10）{
鼠标点=e.pageX；
newX=（containerWidth-listWidth）*（e.pageX/containerWidth）；
diff=parseInt（Math.abs（parseInt（$（vars.thumb_list）.css（'left'））-newX））.toFixed（0）；
$（vars.thumb_list）.stop（）.animate（{'left'：newX}，{duration:diff*3，easing:easeOutExpo}）；
}
}
});
}

---

在suersized-shutter.css中进行了一些更改，我得到了包含缩略图的垂直拇指托盘。但是在这个垂直托盘中，我的拇指水平移动并隐藏，而不是随着垂直拇指托盘的高度移动。因此，如果您熟悉超大滑块的自定义ans设置，请建议我进行适当的自定义。

我发现基于jQuery的此项（无冲突模式）非常有用且完全免费：）