Question

我的网站已连接到互联网，但我的转盘上的图片有问题。转盘只显示一张图片（该图片总是自动更改大小，从小到大）。我想在我的旋转木马上显示所有图片。怎么解决？这是我的代码

                                <!-- BEGIN .om-slide-1 -->
                                <?php foreach($keyslide as $kim){?>
                                <div class="om-slide om-slide-2 isactive">
                                    <div class="om-layer om-layer-1" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="0"  data-delayout="300" style="top: 0px; left: 0px; width: 100%;">
                                        <img src="<?php echo base_url();?>assets/uploads/produk/1e5d3-cupgentong.jpg">/<?php echo $kim->img;?>&w=500&h=400" alt="<?php echo $kim->judul;?>" />

                                    </div>
                                    <div class="om-layer om-layer-2" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="200" data-delayout="0" style="top: 190px; left: 80px;">
                                        <!-- <h3><a class="button" href="<?php echo $kim->url;?>"><?php echo $kim->judul;?></a></h3> -->
                                    </div>
                                    <div class="om-layer om-layer-3" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="500" data-delayout="0" style="top: 260px; left: 80px;">
                                    <!--    <h6><?php echo $kim->tagline;?></h6> -->
                                    </div>
                                <!-- END .om-slide-2 -->
                                </div>
                                <?php } ?>

                              <?php foreach($slide as $im){?>
                                <div class="om-slide om-slide-2">
                                    <div class="om-layer om-layer-1" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="0"  data-delayout="300" style="top: 0px; left: 0px; width: 100%;">
                                        <img src="<?php echo base_url();?>assets/uploads/produk/b4d9b-cupwafer.jpg">/<?php echo $kim->img;?>&w=1000&h=400" alt="<?php echo $kim->judul;?>" />
                                    </div>
                                    <div class="om-layer om-layer-2" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="200" data-delayout="0" style="top: 190px; left: 80px;">
                                        <!-- <h3><a class="button" href="<?php echo $im->url;?>"><?php echo $im->judul;?></a></h3> -->
                                    </div>
                                    <div class="om-layer om-layer-3" data-animation-in="fadeIn" data-animation-out="fadeOut" data-delay="500" data-delayout="0" style="top: 260px; left: 80px;">
                                        <!-- <h6><?php echo $im->tagline;?></h6> -->
                                    </div>
                                <!-- END .om-slide-2 -->
                                </div>
                              <?php } ?>

                            <!-- END .omnomnom-slider-inner -->
                            </div>

                            <div class="om-slider-pager">
                                <a href="#" class="active">1</a>
                                <a href="#">2</a>
                                <input type="text" class="dial" data-min="0" data-max="100" data-displayInput="false" data-readOnly="true" data-fgColor="#5d4d43" data-height="17" data-width="17" data-thickness="0.24" data-bgColor="rgba(0,0,0,0.1)">
                            </div>[enter image description here][1]

Answer 1

我在Codeigniter中使用PHP并遇到了类似的问题。我通过以下步骤修复它：

1）使用找到here的Bootstrap轮播。

2）点击其中一个轮播示例下的“试试”，然后从标题中抓取两个脚本行并将它们放入标题中。

现在我的所有照片都正常显示。

如何在codeigniter上显示所有轮播图片

1 个答案: