1

だから私は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">';

}したがって、私の問題は、ワードプレスのスライド画像をフォルダーではなく動的に表示することです（上記の例が示すように）。参考までに、これは投稿画像をプルしている私のphpクエリです（私がすでに書いたスクリプトから：

    <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 )); } ?>" />

このアップデートがお役に立てば幸いです。どうもありがとうございました。スタックオーバーフローコミュニティは素晴らしいです！

4

1 に答える 1

2

anySliderコンテンツを設定しているのと同じループを使用し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">';
}
于 2011-01-09T03:48:31.597 に答える