Обнаружена интересная ошибка, которую я не могу понять.
Я создаю свой собственный веб-сайт и добавляю несколько альбомов. Скажем, альбом из 20 фотографий, скопированных прямо с моей камеры. Альбом и фотографии загружаются отлично как локально, так и при отправке на мой apache сервер и в Интернете.
У меня есть блестящая идея загрузить те же фотографии из фотографий Google, и я замечаю, что они сохраняют то же разрешение, но имеют немного меньшие размеры из-за алгоритма сжатия Googles. Отлично, я могу сэкономить часть полосы пропускания, используя их. Я копирую эти фотографии в тот же каталог, что и несжатые версии, и заменяю имена файлов этих фотографий. Теперь у меня есть 10 фотографий, сделанных с моей камеры, и 10, которые были загружены из Google Фото. Когда я загружаю. html локально, он выглядит отлично, фотографии загружаются, без проблем. Но как только я помещаю его на сервер и открываю веб-страницу, все изображения, загруженные из Google Фото, не отображаются и не отображаются. Локально я вижу их все, но на сервере они не отображаются на веб-странице.
Кажется, я не могу понять, почему не отображаются изображения, загруженные из Google Фото. Детали почти идентичны, и код не был изменен, поэтому это не проблема с расположением файла, как если бы я просто удалил неисправное изображение, загруженное из Google, и добавило изображение камеры с тем же именем, оно затем загрузится.
Что вы видите на веб-сайте
что вы видите локально, если откроете html файл Обратите внимание, что некоторые изображения отсутствуют между этими две фотографии, и вы даже можете увидеть промежутки там, где должны быть фотографии.
Единственное отличие - это «Документ, созданный: Picasa» на изображении Google Фото. В противном случае я не могу найти заметной разницы или объяснения, почему они хорошо загружаются локально, а не на сайте. Детали изображений. Слева от камеры, загружается нормально. Прямо из Google, не загружается на сайт
Протестировано на мобильных устройствах, p c, инкогнито и во всех трех основных браузерах. (Firefox, Chrome, Safari)
Блок кода для каждого изображения:
<div class="item col-lg-4 col-sm-6 sym">
<a class="image-link" href="../img/up/sym_2.jpg">
<figure>
<img src="../img/up/sym_2.jpg" alt="">
</figure>
</a>
</div>