1

在 Wordpress 中,我正在创建一个滑块来滑过用户指定的一些内容。如果有人熟悉的话,我正在使用 ACF(高级自定义字段),但是我想要完成的是一次显示两个内容项,同时滑过 jQuery 滑块。

这是我的循环:

<?php while(has_sub_field('popular_topic')): ?>
    <li>
        <div class="slide">
            <img src="<?php the_sub_field('popular_topic_image'); ?>" alt="" />
            <div class="img-wrapper"></div>
            <div class="slider-content">
                <?php 

                $len = 60;
                $popularTopicTitle = get_sub_field('popular_topic_title');

                $newContent = substr($popularTopicTitle, 0, $len); 
                if(strlen($newContent) < strlen($popularTopicTitle)) {
                    $newContent = $newContent.'...';
                }
                echo '<p>'.$newContent.'</p>';

                ?>
                <a class="more-arrow" href="<?php the_sub_field('popular_topic_link'); ?>">Read More</a>

            </div>
        </div>
    </li>

<?php endwhile; ?>

这目前正在工作,但它只显示一张幻灯片。我希望它显示两张幻灯片和一次。有什么我可以用柜台做的吗?这有意义吗?

4

1 回答 1

1

我的语法可能有点不对,但也许试一试?

<?php $i = 0; ?>
<?php while(has_sub_field('popular_topic')): ?>
    <?php
        $len = 60;
        $popularTopicTitle = get_sub_field('popular_topic_title');
        $newContent = substr($popularTopicTitle, 0, $len); 
        if(strlen($newContent) < strlen($popularTopicTitle)) {
            $newContent = $newContent.'...';
        }
        $contentVar[$i] = array (
            'img'   =>  the_sub_field('popular_topic_image'),
            'title' =>  $newContent,
            'link'  =>  the_sub_field('popular_topic_link')
        );
        $i++;
    ?>  
<?php endwhile; ?>
<?php $j = 0; ?>
<?php while ($j < $i) : ?>
<li>
    <div class="slide">
        <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" />
        <div class="img-wrapper"></div>
        <div class="slider-content">
            <p><?php echo $contentVar[$j]['title']; ?></p>
            <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a>
        </div>
        <?php $j++; ?>
        <?php if ($j <= $i) : ?>
            <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" />
            <div class="img-wrapper"></div>
            <div class="slider-content">
                <p><?php echo $contentVar[$j]['title']; ?></p>
                <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a>
            </div>
        <?php endif; ?>
    </div>
</li>
<?php $j++; ?>
<?php endwhile; ?>
于 2013-04-10T02:34:37.317 回答