Изображения не загружаются онлайн, но работают, когда я пробую это офлайн (локально), почему это?

Question

Я использую localgetstorage и setstorage, чтобы загрузить список ссылок и показать их, как в слайд-шоу.Проблема в том, что при предварительном просмотре на ПК он работает, и как только я пытаюсь использовать страницу на своем сервере в сети, он не работает.Я сделал что-то не так?

Вот ссылка:

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

Это очень глючно, и я бы предпочел просто использовать плагин для создания слайдшоу третьей стороны, но я нене знаю, где найти тот, который соответствует моим потребностям и бесплатно ..

Answer 1

Правильно ли вы ссылаетесь на изображения? Если я посмотрю на источник предоставленной вами ссылки, я увижу ссылки на ваш 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>

Я знаю, в данном случае это просто текст, но если вы ссылаетесь на изображения таким же образом, это объяснит ваши проблемы ...

Answer 2

Вы не можете прочитать локальный файл на своей HTML-странице, если не используете FileAPI (используя fileReader) Но пока это реализовано только в Firefox 3.6+. Может быть, это будет также в Chrome 5.0

Вот некоторые статьи на эту тему и демо

Вы также можете использовать OfflineAPI для хранения информации о выборе файла и DragDrop для расширения возможностей пользователя

Answer 3

Просто была похожая проблема. На локальном хосте (XAMPP) у меня было следующее.

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

по некоторым причинам мой локальный сервер упустил из виду, что настоящее имя изображения было table1.JPG, но онлайн-сервер не смог выбрать расширение маленькими заглавными буквами.

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