0
回答
新手问题 Bootstrap2 轮播 自动播放 该怎么设置
华为云实践训练营,热门技术免费实践!>>>   

我用Bootstrap2做了个wp模板但是轮播图不自动播放 需要手动才能播放 Bootstrap文档没太懂 js正在学

感觉是js设置问题,但js还不会 我是自学的,有地方不懂 希望指点 谢谢

<div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                    <li data-target="#myCarousel" data-slide-to="4"></li>
                </ol>
                <!-- 图片 -->
                <div class="carousel-inner">
    				<?php query_posts($arr); while(have_posts()): the_post(); ?>
                    <div class="item<?php echo $i==1 ? ' active':''; ?>">
                        <img class="hd_img" src="<?php echo zwp_img_url('full'); ?>" />
                        
                        <div class="carousel-caption">
                            <h4>
                                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(array('before'=>'查看 ','after'=>' 的内容'));?>"><?php echo mb_strimwidth(get_the_title(),0,30); ?></a>
                            </h4>
                            <p>
                                <?php echo mb_strimwidth(get_the_excerpt(),0,150);  $i++;?>
                            </p>
                        </div>
                    </div>
    				<?php endwhile; wp_reset_query(); ?> 
                </div>
                <!-- Carousel nav -->
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>



举报
本源
发帖于4年前 0回/2K+阅
顶部