带有接收帖子的WordPress旋转木马(引导)

我有一个问题，我想创建一个基于引导的幻灯片放映，我找到了一些不同的解决方案，但都不起作用，尽管我尝试修复自己，但失败了，我不知道问题是引导版本已更改还是由于其他问题，我会寻求联系和可能的帮助进行修复，因此有关信息，我目前正在使用版本4.3.1

下面是我从这里得到的代码：https://gist.github.com/jdcauley/5673535

        <div class="col-lg-8 col-xl-8 col-md-12 col-sm-12">

            <div class="title-main-page">
                <h2><a href="">LATEST FEATURES</a></h2>
            </div>

               <!-- slider start  -->
               <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(\'post_type=post&showposts=1\'); ?>
              <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <div class="active item">
                  <?php the_post_thumbnail(\'\', array(\'class\' => \'main-home\')); ?>
                </div>
              <?php endwhile; endif; ?>
              <?php wp_reset_query(); ?>

              <?php query_posts(\'post_type=post&showposts=4&offset=1\'); ?>
              <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <div class="item">
                  <?php the_post_thumbnail(\'\', array(\'class\' => \'main-home\')); ?>
                </div>
              <?php endwhile; endif; ?>
              </div>
            </div>
            <?php wp_reset_query(); ?>
          </div>
        </div>
        <script>
          $(\'.carousel\').carousel({
              interval: 4000
              })
        </script>
         <!-- slider end -->

        </div>
    </div>

但看起来是这样的

<div id="myCarousel" class="carousel slide" data-interval="1000" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active">0</li> <li data-target="#myCarousel" data-slide-to="1">1</li> <li data-target="#myCarousel" data-slide-to="2">2</li> <li data-target="#myCarousel" data-slide-to="3">3</li> <li data-target="#myCarousel" data-slide-to="4">4</li> </ol> <div class="carousel-inner"> <?php $qargs = array( \'posts_per_page\' => 5, \'no_found_rows\' => true, \'ignore_sticky_posts\' => true, ); $the_query = new WP_Query( $qargs ); ?> <?php if ( $the_query->have_posts() ) : ?> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <?php $active_class = ( 0 === $the_query->current_post ) ? \' active\': \'\'; ?> <div class="carousel-item<?php echo esc_attr( $active_class ); ?>"> <?php the_post_thumbnail( \'large\', array(\'class\' => \'main-home\')); ?> </div> <?php endwhile; ?> <?php wp_reset_postdata(); ?> <?php endif; ?> </div> </div>

Slideshow with thumbnails

我这里有一个简单的演示来说明我的问题。http://www.ttmt.org.uk/wordpress/这是一个使用cycle插件的图像幻灯片-http://jquery.malsup.com/cycle/图像直接添加到页面的内容中，包含内容的div被传递给cycle函数。我的问题是，我想有下面的图像缩略图。我见过一些WordPress插件可以做到这一点，但它们都需要相同的图像尺寸才能工作。我的图像高度相同，但宽度不同。是否有一个插件可以对不同宽度的图像执行此操作。如果没有，谁能建议我怎么做。我真的希望这

相关推荐

Slideshow with thumbnails