Jquery 任意滑块缩略图旋转木马

有没有一种方法可以将滑块和转盘与其缩略图（由navigationFormatter或external创建）连接起来，这样当我使用滑块控件移动到下一张幻灯片时，而该幻灯片的缩略图不在转盘的当前页面中，转盘就会滑到下一页？

---

有没有一种方法可以使滑块不仅在水平方向上扩展，而且在水平方向和垂直方向上都保持比例？

请查看文档以了解详细信息。这里有两个代码示例，允许您选择何时移动旋转木马；幻灯片更改之前或之后

要使滑块在水平和垂直方向上更改尺寸，请在css中定义面板的大小（宽度和高度），并将

resizeContents

选项设置为

false

下面是第二个演示，使用以下代码提取到演示中：

CSS

剧本

$('#slider').anythingSlider({
    // fade mode
    mode: 'f',
    // If true, solitary images/objects in the panel will expand to fit the viewport
    resizeContents: false,
    // Set this to the maximum number of visible navigation tabs; false to disable
    navigationSize: 3,
    // Format navigation labels with text
    navigationFormatter: function (index, panel) {
        return ['Recipe', 'Quote', 'Image', 'Quote #2', 'Image #2'][index - 1];
    },
    onSlideBegin: function (e, slider) {
        // keep the current navigation tab in view
        slider.navWindow(slider.targetPage);
    }
});

$('#slider').anythingSlider({
    // fade mode
    mode: 'f',
    // If true, solitary images/objects in the panel will expand to fit the viewport
    resizeContents: false,
    // Set this to the maximum number of visible navigation tabs; false to disable
    navigationSize: 3,
    // Format navigation labels with text
    navigationFormatter: function (index, panel) {
        return ['Recipe', 'Quote', 'Image', 'Quote #2', 'Image #2'][index - 1];
    },
    onSlideBegin: function (e, slider) {
        // keep the current navigation tab in view
        slider.navWindow(slider.targetPage);
    }
});