Need help with src img path on iPad

[Johne1]

Hi All,
I can’t get a local iPad image to load. If the image is in the same folder(directory) as the index.html, then it loads just fine. But, one level lower in a falder called, “images”, and it won’t load. The code example below includes one of the Paths I tried which doesn’t work.

<img src="../images/IMG_2411.JPG" alt="W3Schools.com" width="104" height="142">

Here’s the complete image path according to, Get Info, in the Files app:
On My iPad > Textastic > W3C HTML Tutorial > images

Here’s the startup Path: /Textastic/W3C HTML Tutorial/index.html

What is the proper syntax for the path on an iPad in HTML?

Thank you!
John

 

[Johna]

Hey there, what you're actually doing is going one level up and then to the images folder, which means the images folder should be at the same level as the HTML file. The two periods (..) means the parent directory, instead use a single period (.) to refer to the current directory, so then images will be a lower level folder.

So what you should instead do is:

<img src="./images/IMG_2411.JPG" alt="W3Schools.com" width="104" height="142">

 

[Johne1]

Hey there, what you're actually doing is going one level up and then to the images folder, which means the images folder should be at the same level as the HTML file. The two periods (..) means the parent directory, instead use a single period (.) to refer to the current directory, so then images will be a lower level folder.

So what you should instead do is:

<img src="./images/IMG_2411.JPG" alt="W3Schools.com" width="104" height="142">

That was the solution.
Thank you!