CodeIgniter列表详情页多图滑块展示问题求助

Hey Martinovska! Let's sort out that image display issue you're facing with your property listing script. Based on the details you shared—two tables (properties and media), max 5 images per property—I'll walk you through the most common fixes and implementation steps.

Step 1: Update Your Controller to Fetch Associated Media #

First, let's fix the incomplete constructor in your Properties controller, then add a method to pull both the property details and its linked images:

<?php defined('BASEPATH') OR exit('No direct script access allowed'); 

class Properties extends My_Controller { 
    public function __construct(){
        parent::__construct(); // Fix the typo here (you had __constru...)
        // Load necessary models if you're using them (optional but recommended)
        $this->load->model('Property_model');
    }

    // Method to show property detail page
    public function detail($property_id) {
        // Fetch the main property data
        $data['property'] = $this->db->get_where('properties', ['id' => $property_id])->row();
        
        // Fetch up to 5 linked images from the media table
        $data['media'] = $this->db->get_where('media', ['property_id' => $property_id], 5)->result();

        // Load the detail view with our data
        $this->load->view('property_detail', $data);
    }
}

Step 2: Display Images in Your View File #

Next, update your property_detail.php view to loop through the fetched media and render the images. Make sure to use base_url() to point to your upload directory correctly:

<div class="property-detail-container">
    <h1><?php echo $property->title; ?></h1> <!-- Replace with your actual property title field -->
    
    <div class="property-gallery">
        <?php if (!empty($media)): ?>
            <?php foreach ($media as $image): ?>
                <!-- Replace 'uploads/' with your actual image storage directory -->
                <img 
                    src="<?php echo base_url('uploads/' . $image->photo); ?>" 
                    alt="Property image" 
                    class="gallery-img"
                >
            <?php endforeach; ?>
        <?php else: ?>
            <p>No images available for this property.</p>
        <?php endif; ?>
    </div>

    <!-- Rest of your property detail content goes here -->
</div>

Step 3: Troubleshoot Common Issues #

If images still aren't showing, check these key points:

• Base URL Configuration: Ensure $config['base_url'] is set correctly in application/config/config.php (e.g., $config['base_url'] = 'https://your-domain.com/';)
• Upload Directory Permissions: Verify your uploads/ folder exists and has read/write permissions (chmod 755 usually works)
• Media Table Data: Double-check that the photo field stores only the filename + extension (not a full path, unless you're using absolute paths)
• Model Usage (Optional): If you're using a model instead of direct DB calls, make sure your model's method returns the correct media data for the property ID

内容的提问来源于stack exchange，提问作者Martinovska