Php 循环显示从db到引导转盘的图像
试图在codeigniter中的foreach循环中显示来自数据库的旋转木马图像。下面的代码一次显示所有图像。如何在滑块内逐个显示图像?“下一步”和“上一步”按钮是否也不工作Php 循环显示从db到引导转盘的图像,php,twitter-bootstrap,codeigniter,codeigniter-2,bootstrap-carousel,Php,Twitter Bootstrap,Codeigniter,Codeigniter 2,Bootstrap Carousel,试图在codeigniter中的foreach循环中显示来自数据库的旋转木马图像。下面的代码一次显示所有图像。如何在滑块内逐个显示图像?“下一步”和“上一步”按钮是否也不工作 <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators">
<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<!-- Indicators -->
<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>
</ol>
<div class="carousel-inner" role="listbox">
<?php $i = 1; ?>
<?php $item_class = ($i == 1) ? 'item active' : 'item'; ?>
<div class="<?php echo $item_class; ?>">=
<a href="#">
<?php foreach ($m->result() as $row) :
$Player=$row->image;
echo "<img src='http://opunletter.com/" . $Player . "'";
?>
</a>
</div>
<?php $i++; ?>
<?php endforeach; ?>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- /.carousel -->
“alt=”onerror=“this.src=”/images/default image.png“style=“宽度:100%;高度:100%;最大宽度:512px;最大高度:512px;”>
''
****
'onerror=“this.src=”/images/default image.png''alt=”“style=“宽度:100%;高度:100%;最大宽度:512px;最大高度:512px;”>
''
****
我只是为一个asp.net应用程序做了这项工作,在其他任何地方我都没有做任何更改,而且它工作正常。我没有把精力放在订单上,因为我不需要。不像看上去那么复杂 您的有序列表的构建方式应与在其下方构建div的方式相同,因为它从0开始;你的计数器也应该从零开始。
<?php
$i = 1;
foreach ($m->result() as $row) {
$Player = $row->image;
$item_class = ($i == 1) ? 'item active' : 'item';
?>
<div class="<?php echo $item_class; ?>">
<a href="#">
<img src="http://opunletter.com/<?php echo $Player; ?>" />
</a>
</div>
<?php
$i++;
}
?>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="img-rounded img-responsive mainpic" src='<%#"/ProfilePictures/" +Eval("ProfilePicture") %>' alt='<%#Eval("Username") %>' onerror="this.src='/images/default-image.png'" style="width: 100%; height: 100%; max-width:512px;max-height:512px;">
<div class="carousel-caption">
<h3><%#Eval("Username") %></h3>
<p>'<%#Eval("Mobile") %>'</p>
</div>
</div>
**<asp:Repeater ID="Repeater3" runat="server" DataSourceID="SqlDataSource2"><ItemTemplate>**
<div class="item">
<img class="img-rounded img-responsive mainpic" id="po" runat="server" src='<%#Eval("Picture") %>' onerror="this.src='/images/default-image.png'" alt="" style="width: 100%; height: 100%;max-width:512px;max-height:512px;">
<div class="carousel-caption">
<h3><%#Eval("Productname") %></h3>
<p>'<%#Eval("Productdiscription") %>'</p>
</div>
</div>
**</ItemTemplate></asp:Repeater>**