Azure static web app - some images not displaying

Question

Hi all, completely new to Azure static web apps - so sorry if this is a silly question.

Setup a new Static web app with a source of github.

Uploaded a simple html/css website to github.

Site is working all fine when opened locally (as you would expect)

When uploaded - most of the site displays correctly, with the exception of the background images and one image rotation part. The html paths look correct, the images are a mix of png and jpg (which other jpg's and png's show up on the site) - and have confirmed they are definitely uploaded into the github repository and are in the correct folder.

Im not quite sure where to start troubleshooting this...

examples of the working images are:

<img class="logo" src="img/logo.png" alt="logo">
<img class="logo-alt" src="img/logo-alt.png" alt="logo">

examples of the non-working images are:

<div class="bg-img" style="background-image: url('img/background1.jpg');">						
<img class="img-responsive" src="img/about1.png" alt="">
<img class="img-responsive" src="img/about2.png" alt="">
<img class="img-responsive" src="img/about3.png" alt="">
<img class="img-responsive" src="img/about4.png" alt="">
<img class="img-responsive" src="img/about5.png" alt="">

The site can be viewed at the non-aliased url of https://blue-stone-01d4a8410.2.azurestaticapps.net/ currently if that helps.

Answer 1

found it - it was case sensitivity.... the gfx in question had a capital at the start... where-as the html referred to them as all lowercase.

Answer 2

@Hayes Jupe We are happy to hear you were able to resolve the issue. Thank you for sharing the answer with the community.

If you require any assistance in the future, please reach out to us on here.