jQuery Cycle 插件 - 使用 php query_posts 循环图像并使用 the_excerpt 显示标题

Question

我怎样才能正确显示每个循环图像的相应标题？

PHP:

<div id="cycle-gallery">
<?php query_posts("cat=38&showposts=2");  ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
img src="/<?php echo get_post_meta($post->ID, 'Image', true); ?>" alt="Icon for Post     #<?php the_ID(); ?>" </a>
<?php endwhile; ?></div>
<div id="cycle-caption"><?php the_excerpt(); ?></div>
<div id="cycle-nav"></div>

jQuery:

jQuery(document).ready(function(){
jQuery('#cycle-gallery').cycle({
fx: 'fade',
speed: 'slow',
timeout: 7000,
next: '#nextimg',   
pager: '#cycle-nav',
prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement) {
        $('#cycle-caption').fadeOut().eq(zeroBasedSlideIndex).fadeIn(200);
    },
    pagerClick: function(zeroBasedSlideIndex, slideElement) {
        $('#cycle-caption').fadeOut().eq(zeroBasedSlideIndex).fadeIn(200);
    }   
});

});

Answer 1

这对我来说是这样的：

Cycle 正在循环 cycle-gallery 元素。这意味着嵌套在其中的每个元素都将被循环。

尝试类似的东西

<div id="cycle-gallery">
  <div class="cycle-item">    
    <?php query_posts("cat=38&showposts=2");  ?>
    <?php while (have_posts()) : the_post(); ?>
    <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo get_post_meta($post->ID, 'Image', true); ?>" alt="Icon for Post #<?php the_ID(); ?>" /></a>
    <div id="cycle-caption"><?php the_excerpt(); ?></div>
    <?php endwhile; ?>
    <!-- <div id="cycle-nav"></div> -->
  </div> <!-- close cycle-item -->
</div> <!-- close gallery -->