Static Image not showing up in Framework7 page

Questions
1

Hi Am just a day old in Framework7…

very basic question am not able to display a static image & here is my code

Hej Ikea
Hyderabad
    <div class="card ximg">
        <div class="card-header">Metro Cash &amp; Carry</div>
        <div class="card-content"><img data-src="../img/metro.jpg"></div>
        <div class="card-footer">Hyderabad</div>
    </div>

    <div class="card">
        <div class="card-header">Walmart</div>
        <div class="card-content"><img data-src="../img/walmart.jpg"></div>
        <div class="card-footer">Hyderabad</div>
    </div>

I have not used any script - its just 3 image i want to show on my page as a first step

any help is appreciated

2

You are using wrong attribute in <img> element.
Use src instead of data-src

3

The data-src attribute is for use with lazy load functionality. It does work if you add class=“lazy” to you img element.

https://framework7.io/docs/lazy-load.html#with-images