如何使用Codeigniter在carousel中显示图像

vptzau2j  于 2022-12-07  发布在  其他
关注(0)|答案(1)|浏览(138)

我正在使用CI_3并成功地将图像插入到database和目录中,但我无法使图像显示在carousel上。我应该如何正确地使图像显示在carousel上?
(已编辑)
我的模型上有这个:

function carousel(){
    $this->db->select('*');
    $this->db->where('status = 1');
    $query = $this->db->get('image');
    return $query->result_array();
    
}

控制器:

public function index()
{
    $data['content'] = $this->Home_model->getRows();
    $data['title'] = 'Products List';

    // Load the list page view
    $this->load->view('template/header');
    $this->load->view('template/topBarNav');
    $image = new Home_model;
    $data['images'] = $image->carousel();
    $this->load->view('pages/home', $data);
    $this->load->view('template/footer');
}

并将其显示在如下视图中:

<div class="carousel-inner">
      <?php foreach ($images as $row) : ?>
        <div class="carousel-item card">
          <div class="parent d-flex justify-content-center">
            <img id="carousel_image" src="<?php echo base_url('uploads1/'.$row['upload_path']) ; ?>" class="img-responsive">
            <div class="carousel-caption">
              <h3><?php echo stripslashes(html_entity_decode($row['description'])); ?></h3>
            </div>
          </div>
        </div>
        <?php endforeach; ?>

但它不显示任何images。我只得到图片的文件夹path,而不是实际的图片。
每个上传的图像将根据其id创建一个文件夹,因此每个图像都在uploads1内生成的文件夹中,我在其中设置了图像的上传路径。

iezvtpos

iezvtpos1#

你的旋转木马不工作,因为你是设置每一个项目活动,这是这个问题,只有第一个项目是活动的,只有其他是自动激活的旋转木马。
您可以尝试移除循环中的活动项,使其首先仅使用条件激活

<div class="carousel-inner">
    <?php foreach ($images as $i => $row) : ?>
      <div class="carousel-item card">
        <div class="parent d-flex justify-content-center">
          <img src="<?php echo base_url().'tourism/uploads1/'.$row['upload_path'] ?>" class="img-responsive">
          <div class="carousel-caption">
            <h3><?php echo stripslashes(html_entity_decode($row['description'])); ?></h3>
          </div>
        </div>
      </div>
    <?php endforeach; ?>

相关问题