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

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, но в прошлом у меня обычно было поле 'order' для каждого изображения, затем изображения добавлялись динамически в соответствии с полем 'order'.

Answer 5

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