在莫代尔内的wordpress bootstrap轮播

时间:2014-04-10 13:25:48

标签: wordpress twitter-bootstrap modal-dialog carousel

这让我发疯了。 请提供一些帮助。

这基本上是模态内的自举轮播。

我想出了一些事情,一切都在工作,但现在我需要帮助来控制" data-slide-to"定义哪个幻灯片在模态窗口上打开。

这是我到目前为止所拥有的:

query_posts( array ( 'category_name' => 'video', 'posts_per_page' => -1 ) );
// The Loop
while ( have_posts() ) : the_post();?>
<div class="span6">
    <a href="#modalVideo-<? the_ID();?>" data-toggle="modal"><?php the_post_thumbnail(); ?></a>
    <div id="modalVideo-<? the_ID();?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div id="myCarousel-<? the_ID();?>" class="carousel slide">
            <div class="carousel-inner">
                <?php
                $the_query = new WP_Query(array(
                                          'category_name' =>'video',
                                          'posts_per_page' => 1
                                          ));
                while ( $the_query->have_posts() ) :
                    $the_query->the_post();
                ?>
                <div class="item active">
                    <?php the_content();?>
                </div>
            <?php endwhile; wp_reset_postdata(); ?>
            <?php
            $the_query = new WP_Query(array(
                                      'category_name' =>'video',
                                      'offset' => 1
                                      ));
            while ( $the_query->have_posts() ) :
                $the_query->the_post();
            ?>
            <div class="item">
                <?php the_content();?>
            </div>
        <?php endwhile; wp_reset_postdata(); ?>
    </div>
    <a class="carousel-control left" href="#myCarousel-<? the_ID();?>" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel-<? the_ID();?>" data-slide="next">&rsaquo;</a>
</div>
<button class="btn" data-dismiss="modal" aria-hidden="true">X</button>
</div>
</div>
<?php endwhile;
// Reset Query
wp_reset_query();
?>

非常感谢任何帮助。 感谢

0 个答案:

没有答案