Images not loading online but works when I try it offline (local), why is this?

I am using localgetstorage and setstorage to load a list of links and show them as in a slideshow. The problem is that when I preview it on my PC it works, as soon as I try to use the page in my server online it won't work. Have I done something wrong?

Here's a link:

http://hem.bredband.net/noor/bildspelet/bildspelet.html

开发者_JS百科

It is very buggy and I'd rather just use a thirdparty slideshow plugin but I don't know where to find one that matches my needs and is free..

---

Do you reference the images in the right way? If I take a look at the source of your provided Link, I see references to your c:-Drive:

<b>C:\Users\Admin\Pictures\IMG_0005.JPG<br>
C:\Users\Admin\Pictures\IMG_0631.JPG<br>
C:\Users\Admin\Pictures\IMG_0322.JPG</b><br>

I know, in this case it's just plain text, but if you reference the images in the same way, it would explain your problems...

---

You can't read a local file in your HTML page unless you use the FileAPI (using a fileReader) But it is only implemented in firefox 3.6+ yet. May be it will be also in chrome 5.0

Here are some articles on this subject and a demo

You can also use OfflineAPI to store information about the file selection and DragDrop to extend user experience

---

Just had a similar problem. On localhost (XAMPP) i had the following.

    <img src="images/table1.jpg" style="width: 100%; height: auto;" alt = ""/>

for some reasons my local server overlooked that the actual name of the image was table1.JPG, but the online server couldnot pick the extension in small caps.

    <img src="images/table1.JPG" style="width: 100%; height: auto;" alt = ""/>

---

Check your permission status code for your images in your server, i think it should be 0664 and not 0660