Блог

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

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

#php #html #carousel

#php #HTML #карусель

Вопрос:

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

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

Я просмотрел все эти форумы об ошибках bootstrap carousel и попытался даже использовать 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

включить’Includes/carousel.php ‘;

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

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

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

Комментарии:

1. Хорошо ли это работает в carousel.php

2. 01 — Сначала удалите » » в вашем carousel.php html-код файла (конец и начало) 02 — После того, как в index.php файл включает вашу карусель следующим образом. <?php include ‘Includes/carousel.php’;?>

3. Я случайно ввел здесь двойные кавычки, которые должны были быть внутри них. Проблема в том, что загружаемые изображения не имеют ничего общего с каруселью или кодом. Я думаю, что это больше связано с ошибками.

Ответ №1:

Насколько я могу понять ваш код. вам нужно позаботиться о нескольких вещах. the 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 страница. включить’Includes/carousel.php ‘;

Но также удалите оттуда двойные кавычки и введите его в разделе php Syntaxt, как показано ниже :

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

Комментарии:

1. О, извините, чувак, при первой публикации я заключил двойные кавычки, думая, что это облегчит чтение кода, но теперь вижу, что это тоже не сработало, как я планировал. В includes также не было двойных кавычек. Моя самая большая проблема здесь в том, что изображения не загружаются, вот и все

2. можете ли вы сказать мне, какая ошибка отображается? я думаю, вы можете проверить это в консоли.

3. попробуйте проверить элемент и посмотреть, куда ведет URL-адрес изображения. а также проверьте консоль.

Ответ №2:

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

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

По крайней мере, я заставил изображения работать.