Question

我在wordpress主题中使用此jQuery Carousel来显示几个横幅图像。我选择了这个脚本，因为我不是一个坚实的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设置为显示：inline。

非常感谢

使用jquery carousel和wordpress，它只显示第一个图像，而不显示其他图像

1 个答案: