Php Twitter引导转盘-显示多个缩略图
我已经创建了旋转木马,每个幻灯片显示4个缩略图,我有两个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="
-
-
-
-
-
-
-
-
这些幻灯片由使用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中显示多个缩略图
只需在循环中打印出每个<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>