Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Twitter引导转盘-显示多个缩略图_Php_Codeigniter_Twitter Bootstrap_Thumbnails_Carousel - Fatal编程技术网

Php Twitter引导转盘-显示多个缩略图

Php Twitter引导转盘-显示多个缩略图,php,codeigniter,twitter-bootstrap,thumbnails,carousel,Php,Codeigniter,Twitter Bootstrap,Thumbnails,Carousel,我已经创建了旋转木马,每个幻灯片显示4个缩略图,我有两个 这些幻灯片由使用codeigniter的数据库中的图像填充。现在的问题是,若我想创建6-7张幻灯片,但我不想手动创建它们,那个么我应该如何在代码中进行创建呢。因此,当我单击左箭头时,将加载新的图像集。查找所有图像之间的公共分母。换句话说,此代码段: <li class="span2"> <div class="thumbnail"> <img src="

我已经创建了旋转木马,每个幻灯片显示4个缩略图,我有两个



这些幻灯片由使用codeigniter的数据库中的图像填充。现在的问题是,若我想创建6-7张幻灯片,但我不想手动创建它们,那个么我应该如何在代码中进行创建呢。因此,当我单击左箭头时,将加载新的图像集。

查找所有图像之间的公共分母。换句话说,此代码段:

<li class="span2">
  <div class="thumbnail">
    <img src="IMAGE_URL" alt="">
  </div>
</li>
  • 因为这是标准的,并且每个图像都不会改变,所以可以在foreach循环中打印出来。将数据库中的图像URL查询到数组中,然后在html中运行foreach循环:

    <div class="carousel-inner">
      <div class="item active">
            <ul class="thumbnails">
              <?php foreach($image_url as $image) { ?>
                 <li class="span2">
                   <div class="thumbnail">
                     <img src="<?php echo $image; ?>" alt="">
                   </div>
                 </li>
              <?php } ?>          
            </ul>
      </div>
    
    
    
    • “alt=”“>
    推特引导转盘-在Wordpress中显示多个缩略图

    
    
    只需在循环中打印出每个
  • ,仍然会产生幻灯片效果?您最终解决了这个问题吗?您最终解决了这个问题吗?(2013年7月至今)
    <div class="carousel-inner">
      <div class="item active">
            <ul class="thumbnails">
              <?php foreach($image_url as $image) { ?>
                 <li class="span2">
                   <div class="thumbnail">
                     <img src="<?php echo $image; ?>" alt="">
                   </div>
                 </li>
              <?php } ?>          
            </ul>
      </div>
    
    <div class="container">
        <!-- Carousel -->
        <div id="promo-carousel" class="carousel slide" data-ride="carousel">
    
          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
    
            <?php
            // Item size (set here the number of posts for each group)
            $i = 4; 
    
            // Set the arguments for the query
            global $post; 
            $args = array( 
              'numberposts'   => -1, // -1 is for all
              'post_type'     => 'post', // or 'post', 'page'
              'orderby'       => 'title', // or 'date', 'rand'
              'order'         => 'ASC', // or 'DESC'
            );
    
            // Get the posts
            $myposts = get_posts($args);
    
            // If there are posts
            if($myposts):
    
              // Groups the posts in groups of $i
              $chunks = array_chunk($myposts, $i);
    
    
              /*
               * Item
               * For each group (chunk) it generates an item
               */
              foreach($chunks as $chunk):
                // Sets as 'active' the first item
                ($chunk === reset($chunks)) ? $active = "active" : $active = "";
                echo '<div class="item '.$active.'"><div class="container"><div class="row">';
    
                /*
                 * Posts inside the current Item
                 * For each item it generates the posts HTML
                 */
                foreach($chunk as $post):
    
                  echo '<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">';
                    the_post_thumbnail(); 
                  echo '</div>';
    
    
                endforeach;
    
                echo'</div></div></div>';
    
    
              endforeach;
    
              // Prints the HTML
    
    
            endif;
            ?>
    
          </div> <!-- carousel inner -->
    
    
          <!-- Controls -->
          <a class="left carousel-control" href="#promo-carousel" role="button" data-slide="prev">
            <span class="fa fa-arror-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#promo-carousel" role="button" data-slide="next">
            <span class="fa fa-arror-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
    
    
        </div> <!-- /carousel -->
    </div>