2

我正在使用 wordpress 主题 Pitch Pro，它有一个内置滑块。我的问题是，有时滑块会闪烁错误的图像一秒钟。我注意到它不会正常运行，但只有当我从支持之类的页面转到主页时才会这样做。我已经尝试更改并设置顺序。更改最大幻灯片数量，目前为 6，但似乎没有任何解决办法。

如果有人对修复有任何想法，该网站目前是 jrummy16.com/test。

不确定这是否与它有关，但我使用的服务器有问题并修复它hostgator告诉我添加define（'CONCATENATE_SCRIPTS'，false）; 到我的 config.php 文件。它解决了这个问题，但我不记得在添加之前滑块有这个问题。

我什至不知道如何开始对此进行故障排除。因此，任何帮助将不胜感激。

编辑 所有文件都在主题 Pitch Pro 中找到。

我打开了 home.php 文件，我在滑块的顶部找到了它。

<?php
    $slider_template = apply_filters('pitch_slider_template', array('slider', null));   
    get_template_part( $slider_template[0], $slider_template[1] );
?>

然后我在同一个文件夹中打开了slider.php。它有这个代码，

<?php

$slides = new WP_Query(array(
    'numberposts' => siteorigin_setting('slider_max_slides'),
    'nopaging'     => true,
    'post_type' => 'slide',
    'orderby' => 'menu_order',
    'order' => 'ASC'
));

if($slides->have_posts()){
    ?>
    <div id="slider">
        <div class="container">
            <div class="slides nivoSlider">
                <?php while ($slides->have_posts()) : $slides->the_post(); if(has_post_thumbnail()) :  ?>

                    <?php if(get_post_meta(get_the_ID(), 'slide_destination', true)) : $destination = get_post_meta(get_the_ID(), 'slide_destination', true) ?>
                        <?php echo '<a href="'.esc_url(get_permalink($destination)).'" title="'.esc_attr(get_the_title($destination)).'">' ?>
                    <?php elseif(get_post_meta(get_the_ID(), 'slide_destination_url', true)) : $destination = get_post_meta(get_the_ID(), 'slide_destination_url', true) ?>
                        <?php echo '<a href="'.esc_url($destination).'">' ?>
                    <?php endif; ?>
                    <?php echo get_the_post_thumbnail(get_the_ID(), 'slide') ?>
                    <?php if(!empty($destination)) echo '</a>' ?>
                <?php endif; endwhile; ?>
            </div>

            <?php $slides->rewind_posts(); ?>

            <div class="indicators-wrapper">
                <ul class="indicators">
                    <?php while ($slides->have_posts()) : $slides->the_post(); if(has_post_thumbnail()) :  ?>
                    <li class="indicator <?php if($slides->current_post == 0) echo 'active' ?> indicator-group-<?php echo $slides->post_count ?>">
                        <div class="indicator-container">
                            <div class="pointer"></div>
                            <h4><?php the_title() ?></h4>
                            <?php the_excerpt() ?>
                        </div>
                    </li>
                    <?php endif; endwhile; ?>
                </ul>
            </div>
        </div>
    </div>
    <?php
    wp_reset_postdata();
}

我不确定这是否会有所帮助，但我希望它会有所帮助。

4

1 回答 1

1

我认为原因是在滑块完全加载之前，页面将显示幻灯片列表中的最后一张图片，在你的情况下是这个：

<img width="705" height="344" src="http://jrummy16.com/test/wp-content/uploads/BA-slider.jpg" class="attachment-slide wp-post-image" alt="BA-slider">

这是一个类似的问题，它几乎没有您可以使用的解决方案。

更新：

我发现这篇文章建议修改你的 CSS。我会在这里粘贴代码，但文章使用图像来显示 CSS 代码:)

于 2013-05-01T08:59:57.453 回答