javascript - 使用jquery轮播和wordpress，它只显示第一张图像，不显示其他图像

Question

我正在使用这个jQuery Carousel在 WordPress 主题内显示多个横幅图像。我选择这个脚本是因为我不是一个扎实的 js 编码器，并且需要自动实例化的分页。您可以在http://bfc.ravennainteractive.com查看此问题的示例。 。它显示第一张图像。有三个可用图像，它列出了 3 个分页项，但图像 2 和 3 仅显示黑色背景。

jQuery(document).ready(function(){
            jQuery("div.hero").carousel({
                loop: true,
                pagination: true,
                autoSlide: true,
                autoSlideInterval: 5000,
                dispItems: 1

            });
    });
    <div class="hero">
        <ul>
                <?php query_posts('category_name=header');?>
                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                    <li>
                        <?php $header_image = get_post_meta($post->ID, 'header_image', true); ?>
                        <a href="<?php the_permalink() ?>"><img width="930" height="365" src="<?php echo $header_image; ?>" /></a>
                    </li>
                <?php endwhile; else: ?>
                <?php endif; wp_reset_query(); ?>       
         </ul>
</div>

如果您查看源代码，然后单击图像，它们就在那里，网址很好。这是愚蠢的事情吗？

Answer 1

感谢您的评论。对于这个特定的轮播，.hero 类位于包含的 div 上。然而我最终发现我的问题是基于CSS的。我没有将 li 设置为 display:inline。

非常感谢