Search code examples
javascripthtmlcssimagecpanel

Image fails to load on website but loads locally

Here is a link to the website so you can see what is going on - https://odonnelldigital.com/

The site loads with all images on any web browser when I copy the full path locally.

So, the most common errors I keep getting from google seem to be the image file being in the wrong directory. I've tried this multiple times, but no joy.

I'm using HTML, CSS, bootstrap & JS I've hosted on GoDaddy, and I'm using the cPanel. Even the favicon won't load! I've tried changing permissions too on the folder and the images/files themselves.

Any help would be really great! Thanks!

Solution

  • Problem: Your problem is because you are trying to load a local file on your computer. enter image description here

    And since it is locally stored, other users on the web can't access it.

    Solution: Upload the image files, the favicon, and other files to your web server and change the src attribute to the file on your site.