0

WPテーマで「jquerycycleplugin」を使用していて正常に動作していますが、カスタムフィールドから動的にコントロールサムを生成させることはできません...ここでコード：

$(function() {
$('#featured').cycle({
    fx:      'fade',
    pager:   '#feat_nav',
    timeout:  4000,
    rev:           true,
    pagerAnchorBuilder: pagerFactory
});

function pagerFactory(idx, slide) {
    var s = idx > 2 ? ' style=""' : '';
    return '<li'+s+'><a href="#"><img src="<?php echo get_post_meta($post->ID, 'img', true) ;?>" alt=""></a></li>'; //  this is just an example for what i need to display 
};
});

html

<ul id="featured">
<?php while (have_posts()) : the_post(); ?>
      <li>
        <div class="caption-bottom">
        <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
        </div>
        <img src="" alt="" />
     </li>
   <?php  endwhile; wp_reset_query();?>   
   </ul>

  <ul id="feat_nav"></ul>

これを実現する方法はありますか？ありがとう

4

1 に答える 1

0

サーバー側とクライアントの分離について誤解があります。pageAnchorBuilderイベントはクライアント側のみを読み取るため、スライドのどこかにサムネイルのsrcを入力する必要があります。imgがスライドに含まれている場合は、それを検索するか、data-attributeを使用してスライド要素で指定することができます（少し簡単です）。それらは画像、属性、またはそれ以外の場合はそれを実行したいものにすることができます。

これがアイデアのデモです：http：//jsfiddle.net/lucuma/ghe35/1/

<ul id="featured">
<?php while (have_posts()) : the_post(); ?>
      <li data-thumb='<?php echo get_post_meta($post->ID, 'img', true) ;?>'>
        <div class="caption-bottom">
        <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
        </div>
        <img src="" alt="" />
     </li>
   <?php  endwhile; wp_reset_query();?>   
   </ul>

  <ul id="feat_nav"></ul>

function pagerFactory(idx, slide) {
    var s = idx > 2 ? ' style=""' : '';
    return '<li'+s+'><a href="#"><img src="' + $(slide).attr('data-thumb') + '" alt=""></a></li>'; //  this is just an example for what i need to display 
};

上記の実際のphpについてはわかりませんが、各li要素に行ったようにサムネイル画像のアドレスを追加できれば、ページビルダークラスでそれらを読み取ることができます。

于 2012-05-27T15:29:10.510 に答える