HTML <img src> wont load my images

Question

Im at a loss with this, im creating a mobile version of my website with jquery, but my images are refusing to load with img src tag.

<img src="images/me.jpg" width="200" height="267" alt="me">

ive tried using to load my image straight from my website but they're refusing to load also, and moving the image to the same directory as the web page, but still nothing. I just get a box the size of the width and height with the alt text and an image icon in the middle.

I just don't understand whats wrong with it.

thanks in advance.

Answer 1

Try to work with the full path as:

<img src="http://www.yourdomain.com/images/me.jpg" width="200" height="267" alt="me">

For test purpose just open http://www.yourdomain.com/images/me.jpg and you should see the image. If it does not work, there must be a compatibility issue with your html/jquery. Just post the rest of your html file and tell us about the jquery plugin(s) you are using ...

Answer 2

My images were in fact corrupt or not working properly as I couldn't open them in Photoshop, I had to replace the images.

Answer 3

I have just had the same issue. It was capital letters in the filename. Some pictures were loading some weren't. Some pictures had uppercase .JPG file extension, and some had lowercase .jpg. My HTML code referenced all of the images using lowercase .jpg.

I'm running webserver on my Synology DS.

Answer 4

I just started writing html last night so this is a total noob response because i just had the same problem, but if youre on a windows computer then your slashes in the file location should be back slashes instead of forward slashes like i said- total noob but hope it helps