Как правильно загрузить изображение?

Question

Я работаю с php. У меня есть изображения в порядке. Когда я делаю запрос, изображения поступают в порядке, но когда они загружаются, они не загружаются по порядку. Маленькие изображения загружаются сначала, а затем большие изображения. Например, у меня есть 5 изображений. Эти изображения должны быть загружены по порядку (1,2,3,4,5). Но здесь его не происходит. Сначала загружаются изображения 4, затем 2, 1 и так далее. Так что я могу сделать для этой проблемы? Надеюсь получить решение.

Заранее спасибо.

Answer 1

Если говорить об изображениях порядка отображается с помощью веб-браузера, вы не имеете больше контроля над тем, до тех пор, пока у вас есть несколько <img> тега на странице:

• браузер будет запрашивать изображения с сервера в том порядке, в котором он хочет (скорее всего, первый встреченный тег <img> будет первым запрошенным изображением)
• Для каждого изображения требуется некоторое время для загрузки; и каждое изображение отображается при его загрузке; учитывая, что маленькие изображения следует загружать быстрее, маленькие изображения должны отображаться сначала ... в зависимости от заказа, который они запрашивали, - см. предыдущую точку.

В конце концов, если вы хотите абсолютный контроль на порядке отображения изображений, ваш первоначальный HTML, вероятно, не содержит все <img> тегов: решение было бы добавить те, в правильном порядке, когда загружено предыдущее изображение.

Возможно, это может быть сделано с некоторым кодом JavaScript, чтобы определить, когда загружается изображение. (событие «load»); и когда изображение загружено, просто добавьте новый тег <img> на следующую страницу; и так далее.
Но я бы не пошел с такой идеей: он не будет работать, если JS отключен, ваши изображения не будут видны поисковыми системами.

Answer 2

Вы можете контролировать все на своем веб-сервере, но ничего не на стороне сети или браузера.

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

Answer 3

Вы пытались предварительно загрузить их с помощью библиотеки JavaScript?

Answer 4

Не знаете, как это реализовать на PHP, но в прошлом у меня обычно было поле «порядок» для каждого изображения, после чего изображения добавлялись динамически в соответствии с полем «порядок».

Answer 5

Как и следовало ожидать, изображение загружается в соответствии с их размерами. Конечно, меньшие будут загружаться до более крупных. И да, как сказал озелень, о том, чтобы вы предварительно загрузили их предварительным загрузчиком javascript и отобразили их в правильном порядке?