您可以按照以下示例在WordPress中使用jQuery Cycle插件创建缩略图HERE

示例：

$(\'#slideshow\').before(\'<ul id="nav">\').cycle({ 
    fx:     \'turnDown\', 
    speed:  \'fast\', 
    timeout: 0, 
    pager:  \'#nav\', 

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return \'<li><a href="#"><img src="\' + slide.src + \'" width="50" height="50" /></a></li>\'; 
    } 
});

正如您在提供的链接中所看到的，幻灯片目前实际上是静态的，但如果您一直在玩Cycle，您也会知道您可以将滑块设置为continuous，

continuous: true

有关您可以使用的所有循环选项，请参见此链接：OPTIONS

现在关于缩略图本身，我要做的（这只是一种方法）是使用TimThumb之类的东西来处理图像大小调整；

（是的……一些人可能会跳到这里，谈论WordPress的原生图像大小调整功能，在这种情况下，您可能希望集成Kaiser的插件HERE)

无论如何，这就是您在上述代码片段中重写图像处理的方式；

<img class="your_choice" src="<?php bloginfo(\'template_directory\'); ?>/thumb/thumb.php?src="\' + slide.src + \'"&amp;h=xxx&amp;w=xxx&amp;zc=1" />

其中拇指/拇指。php是timthumb脚本的相对路径（可能会以不同的名称命名），前面有bloginfo(\'template_directory\'); 这将为您提供主题+/拇指/拇指的路径。php

现在你需要处理的另一个部分就是h=XXX 和w=XXX 其中XXX等于您想要缩略图的像素大小。

这将为你指明正确的方向。

虽然我还没有测试过那么多幻灯片插件，但我认为应该有一个插件可以处理不同大小的缩略图图像。

我喜欢的一个简单的插件是Meteor Slides，它基于jQuery Cycle插件，因此如果需要，您可以扩展它以获得缩略图，或者您也可以轻松地使用手动方式。

希望这有帮助。