Wordpress и Anythingslider Миниатюры навигации - PullRequest
Новая
       13

Wordpress и Anythingslider Миниатюры навигации

1 голос
/ 09 января 2011

Так что я использую AnythingSlider в Wordpress.Вот почему я пытаюсь назвать миниатюры из оригинальных постов.Любой слайдер настроит навигацию по миниатюрам следующим образом: 

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">';

} Поэтому моя проблема заключается в том, чтобы изображения слайдов WordPress отображались там динамически, а не в папке (как показывает приведенный выше пример).Для справки, это мой 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 )); } ?>" />

Надеюсь, это обновление поможет. Спасибо, ребята. Большое спасибо сообществу переполнения стека.здорово!

1 Ответ

2 голосов
/ 09 января 2011

Вы можете использовать тот же цикл, который устанавливает LI вашего содержимого whatSlider для установки массива 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">';
}
...