1

このjQuery Carouselを wordpress テーマ内で使用して、いくつかのバナー画像を表示しています。私がこのスクリプトを選んだのは、私が堅実な js コーダーではなく、自動的にインスタンス化されるページネーションが必要だったからです。この問題の例はhttp://bfc.ravennainteractive.comで見ることができます。最初の画像を示します。3 つの利用可能な画像があり、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>

ソースを表示して画像をクリックすると、画像が表示されます。URL は良好です。これは何か愚かなことですか？

4

1 に答える 1

0

コメントありがとうございます。この特定のカルーセルでは、.hero クラスが含まれる div に移動します。しかし、私の問題はcssベースであることが最終的にわかりました。li を display:inline に設定していませんでした。

本当にありがとう

于 2010-11-09T16:01:02.927 に答える