HTML Image Slider 不在 Heroku 上

Question

我的图像滑块在 heroku 上不工作，但是当我运行本地主机上的代码工作正常

heroku=> https://phpstore-website.herokuapp.com/

github 回购=> https://github.com/verma-tanishq/phpstore

<section class="section-slide">
    <div class="wrap-slick1">
        <div class="slick1">
            <div class="item-slick1" style="background-image: url(images/slide-01.jpg);">
                <div class="container h-full">
                    <div class="flex-col-l-m h-full p-t-100 p-b-30 respon5">
                        <div class="layer-slick1 animated visible-false" data-appear="fadeInDown" data-delay="0">
                            <span class="ltext-101 cl2 respon2">
                                Women Collection 2018
                            </span>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="fadeInUp" data-delay="800">
                            <h2 class="ltext-201 cl2 p-t-19 p-b-43 respon1">
                                NEW SEASON
                            </h2>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="zoomIn" data-delay="1600">
                            <a href="product.php"
                                class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="item-slick1" style="background-image: url(images/slide-03.jpg);">
                <div class="container h-full">
                    <div class="flex-col-l-m h-full p-t-100 p-b-30 respon5">
                        <div class="layer-slick1 animated visible-false" data-appear="rotateInDownLeft" data-delay="0">
                            <span class="ltext-101 cl2 respon2">
                                Men Collection 2018
                            </span>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="rotateInUpRight" data-delay="800">
                            <h2 class="ltext-201 cl2 p-t-19 p-b-43 respon1">
                                New arrivals
                            </h2>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="rotateIn" data-delay="1600">
                            <a href="product.php"
                                class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

When running on localhost, works fine

Answer 1

由于 403 禁止访问错误，多个 css 文件未加载，这就是未应用样式的原因。例如This file 是其中之一，被禁止。您可以在开发工具的网络选项卡中进行检查。您需要配置您的应用，使这些文件也 public.

Answer 2

服务提供商的 css 样式版本似乎已过时 https://kosumi.000webhostapp.com/phpstore-master/ 我已经在我自己的网站上使用的虚拟主机上进行了尝试，它运行良好，具体取决于情况，您应该更改用于虚拟主机的服务...但我不建议将 000webhost 用于更大的网站，仅用于测试

HTML Image Slider 不在 Heroku 上

HTML Image Slider not on Heroku

html

css

php

heroku