Jquery Wordpress和Anythingslider导航缩略图

所以我在Wordpress中使用了AnythingSlider。这就是为什么我试图调用原始帖子中的缩略图。任何滑块都将配置缩略图导航，如下所示：

function formatText(index, panel) {
  return index + "";
}

$(function () {

    $('.anythingSlider').anythingSlider({
        navigationFormatter: formatText       // Details at the top of the file on this use (advanced use)
    });

});

如您所见，navigationFormatter允许我按自己的意愿格式化导航（包括缩略图）。例如，要格式化缩略图，我可以执行以下操作：

 navigationFormatter : function(i, panel){ // add thumbnails as navigation links
return '<img src="images/th-slide-' + ['civil-1', 'env-1', 'civil-2', 'env-2'][i - 1] + '.jpg">';

navigationFormatter:函数（i，面板）{//添加缩略图作为导航链接
返回“”；

} 因此，我的问题是让wordpress幻灯片图像动态显示在那里，而不是在文件夹中（如上面的示例所示）。作为参考，这是我的php查询，它从我已经编写的脚本中提取posts图像：

    <img class="slider-img" style="float:left;" src="<?php if(function_exists('wp_get_post_image')){ echo wp_get_post_image(array( 'return_html' => false, 'width' => 500 )); } ?>" />

false，'width'=>500]；}>" />

---

我希望这次更新能有所帮助。非常感谢大家。Stack overflow社区很棒！

您可以使用设置anythingSlider内容的

LI

的相同循环来设置JS数组，然后在调用jQuery之前回显它，或者使用类似的方法：

$thumbArrStr = "[";
foreach($yourThumbData as $k=>$v) {
    $thumbArrStr .= "'$v',";
}
$thumbArrStr = substr($thumbArrStr, 0, -1);
$thumbArrStr .= "]";
echo "var anythingSliderArr = $thumbArrStr;";

现在使用

anythingSliderArr

：

navigationFormatter : function(i, panel){ // add thumbnails as navigation links
    return '<img src="images/th-slide-' + anythingSliderArr[i - 1] + '.jpg">';
}

navigationFormatter:函数（i，面板）{//添加缩略图作为导航链接
返回“”；
}

问题是img src仍然指向图片/th幻灯片-这并不存在。我需要能够使用其中的WP函数来获取帖子图片。我没有真正理解你，但你不是在循环这些帖子吗？因此你可以将缩略图存储在PHP变量中，然后在JS数组变量中回显。嘿，我需要在哪里编写代码？？我不知道如何告诉javascript函数我的WP缩略图的URL我创建了一个自定义帖子类型，并有一个创建滑块的循环。我必须将我的帖子缩略图保存到一个数组中，并将其交给navigationformatter函数。但是如何？？？@Ben:php代码可以放在初始化