Images ne se charge pas en ligne, mais fonctionne quand je l'essayer hors ligne (local), pourquoi est-ce?

Question

J'utilise localgetstorage et setStorage pour charger une liste de liens et de les afficher comme dans un diaporama. Le problème est que quand je visionne sur mon PC il fonctionne, dès que je tente d'utiliser la page dans mon serveur en ligne, il ne fonctionnera pas. Ai-je fait quelque chose de mal?

Voici un lien:

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

Il est très bogué et je préférerais utiliser un plugin slideshow thirdparty mais je ne sais pas où trouver un qui correspond à mes besoins et est gratuit ..

Answer 1

Avez-vous référence les images de la bonne manière? Si je prends un coup d'oeil à la source de votre lien fourni, je vois des références à votre 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>

Je sais que, dans ce cas, il est juste du texte, mais si vous faites référence à des images de la même manière, il expliquer vos problèmes ...

Answer 2

Vous ne pouvez pas lire un fichier local dans votre page HTML, sauf si vous utilisez le FileAPI (en utilisant un FileReader) Mais il est seulement mis en œuvre dans Firefox 3.6+ encore. Peut-être il sera également en chrome 5,0

Voici quelques articles sur ce sujet et une démo

Vous pouvez également utiliser OfflineAPI pour stocker des informations sur la sélection de fichiers et DragDrop pour étendre l'expérience utilisateur

Answer 3

Juste eu un problème similaire. J'ai eu ce qui suit sur localhost (XAMPP).

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

pour certaines raisons de mon serveur local perdre de vue que le nom réel de l'image a été table1.JPG, mais le serveur en ligne couldnot choisir le extension dans les petites capitalisations.

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