Изображение загрузочной карусели не загружается, когда я прикрепляю его к своей домашней странице с помощью php

Question

Итак, я только что сделал домашнее задание, и я столкнулся с проблемой, и я не могу исправить ее, я не уверен, что упускаю что-то очевидное или что-то, но это просто не работает. Первый раз, используя phpstorm кстати

Я использую файлы PHP для учебного курса, которым я занимаюсь, и использую функцию включения, чтобы прикрепить это к первой странице

Я прошел все эти форумы по ошибкам при загрузке карусели и попытался даже с помощью URL-адреса проверить, будет ли это работать, но он все еще не работает.

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="d-block w-100" src="../c-images/picture1.jpeg" alt="First slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="../c-images/picture2.jpeg" alt="Second slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="../c-images/picture3.jpeg" alt="Third slide">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

это HTML-код в файле с именем carousel.php

и затем на первой странице с именем index.php у меня есть включение, которое включает этот carousel.php

include'Includes / carousel.php ';

Включения находятся в отдельной папке с именем Включает

Изображения находятся в другой отдельной папке, но когда я ссылаюсь на них, я использую ../, чтобы вернуться назад, а затем использую правильные имена, чтобы добраться до изображения и использовать его.

Так что я немного запутался, что не так, если есть какие-то распространенные ошибки или что-то, что я могу сделать, чтобы это исправить?

Answer 1

Хорошо, я не мог заставить его работать. Но я подумал, что если я добавлю html в index.php вместо использования include, чтобы включить его в страницу, на которой он может работать, изображения сработают.

Нет, чтобы понять, почему это само по себе во включаемом файле не сработало, но я буду в дальнейшем разбираться с этим.

По крайней мере, я получил изображения, работающие.

Answer 2

Насколько я понимаю ваш код.Вам нужно позаботиться о нескольких вещах.carousel.php, с которым вы работаете, содержит только HTML-код.Так что будь проще.Не используйте какой-либо синтаксис php в нем и поместите код, как показано ниже:

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"> 
</li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="d-block w-100" src="../c-images/picture1.jpeg" alt="First slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="../c-images/picture2.jpeg" alt="Second 
slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="../c-images/picture3.jpeg" alt="Third slide">
    </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" 
data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" 
data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
</a>
</div>

Как я удалил кавычки вокруг Div.

и просто вызовите страницу, используя PHP, как вы делаете со страницы index.php.include'Include / carousel.php ';

Но также удалите двойные кавычки и введите их в текстовом формате php, как показано ниже:

<?php include'Includes/carousel.php'; ?>