data-src无法加载图像

Question

我试图使用html 5的data-src标签在幻灯片放映中演示图像，但我不知道为什么它无法从指定的src路径中检索图像。 以下是我的html代码-

<section class="slider_area row m0">
            <div class="slider_inner">
                <div data-thumb="./assets/images/slider-1.jpg" data-src="./assets/images/slider-1.jpg">
                    <div class="camera_caption">
                       <div class="container">
                            <h5 class=" wow fadeInUp animated">Welcome to our</h5>
                            <h3 class=" wow fadeInUp animated" data-wow-delay="0.5s">RE THINK. RE DESIGN. RE BUILD</h3>
                            <p class=" wow fadeInUp animated" data-wow-delay="0.8s">Our team of professionals will help you turn your dream home or flat into a reality fast. The Love Boat promises something for everyone. Now the world don't move to the beat of just one</p>
                            <a class=" wow fadeInUp animated" data-wow-delay="1s" href="#">Read More</a>
                       </div>
                    </div>
                </div>
                <div data-thumb="./assets/images/slider-2.jpg" data-src="./assets/images/slider-2.jpg">
                    <div class="camera_caption">
                       <div class="container">
                            <h5 class=" wow fadeInUp animated">Welcome to our</h5>
                            <h3 class=" wow fadeInUp animated" data-wow-delay="0.5s">CLEAN ,MODERN, MULTIPURPOSE WEBSITE</h3>
                            <p class=" wow fadeInUp animated" data-wow-delay="0.8s">Our team of professionals will help you turn your dream home or flat into a reality fast. The Love Boat promises something for everyone. Now the world don't move to the beat of just one</p>
                            <a class=" wow fadeInUp animated" data-wow-delay="1s" href="#">Read More</a>
                       </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Slider area -->

现在查看我的图像所在的项目结构。

我所有的滑块图像都在images目录中。

请帮助