3

这是我的问题。

我在 wordpress 和魔术领域以及任何滑块上遇到了一些奇怪的行为。主要问题是我试图加载到滑块中的缩略图图像在内容中增加了一倍。同样，从 wordpress 内容加载的实际图像会加载两次，而不是一次。很难描述，所以最好看看我的代码，谢谢。

    <div class="posts">
        <div class="slider" id="slider1">
        <?php 
            $loop = new WP_Query(array('post_type' => 'printcontent', 'posts_per_page' => 50)); 
        ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
        <?php endwhile; ?>
        </li>
        </div>
        <div class="current-caption1"></div>
    </div>

然后这是我的通话脚本。

<script>
var updateCaption1 = function(slider1){
    var cap = slider1.$currentPage.find('.caption1').html();
    $('.current-caption1')
        .html(cap)
        .fadeIn(200);
};

$('#slider1').anythingSlider({

      navigationFormatter : function(i, panel){
        return panel.find('.thumbnail1').html();
      },

    // *********** Callbacks ***********
    // Callback when the plugin finished initializing
    onInitialized: function(e, slider1) { updateCaption1(slider1); },

    // Callback before slide animates
    onSlideBegin: function(e, slider1) {
        $('.current-caption1').fadeOut(200);
    },

    // Callback when slide completes - no event variable!
    onSlideComplete: function(slider1) { updateCaption1(slider1); }

});
</script>

感谢您提供的任何帮助。

4

1 回答 1

1 
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
<?php endwhile; ?>
</li>

我认为 AnySlider 依赖于直接子<p><li><div>项或它可以抓取的任何其他内容，并且您有一点可能导致问题的语法错误。请注意，您的</li>是在结束之后。它应该在这样的循环内......

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <?php the_content();?>
            <h1 class="caption1"><?php echo get('print_caption'); ?></h1>
            <div class="thumbnail1"><?php echo get_image('print_thumbnail'); ?></div>
        </li>
<?php endwhile; ?>

让我知道这是否能解决您的问题。

于 2012-03-09T14:27:24.770 回答