So, I helped out at the local CoderDojo yesterday. The kids were starting on building a web page, and so downloaded a simple web site from
here[
^]
They unzip it, open the html in their browser, and in notepad. Then they change the details on the page, save and refresh.
simples!
Now they want to change the picture. so they browse, find an image they want to use, download it to the images folder, change the img tag in notepad and refresh the browser.
And no Image Is displayed.
A quick check around the 'class' and I find only those with Internet Explorer are having problems. (both on windows 7 and 8 - I didn't check the IE versions, but I have just spun up a VM using IE 10 and have the same experience)
It appears that IE will ONLY use images that pre-exist in the folder. Downloading any new image, IE refuses to show it in the page!
Open the same html in Chrome and it shows the image.
Open the image itself in IE and it displays it.
The html is below.
I would have thought that it was something to do with IE's "Internet Zones" or something - except it works with all pre-existing images extracted from the zip!
I am puzzled! Anyone know what's going on?
<!DOCTYPE html>
<html>
<head>
<title>About Me</title>
</head>
<body>
<h1>About Me</h1>
<p>My name is Lee Go.</p>
<p>I live in Bray, Ireland.</p>
<p>I am ten years old.</p>
<p>This is my photo:</p>
<p><img src="images/NotWorkingImage.jpg"/></p>
</body>
</html>