Я работаю над рельсами. На странице поиска отображаются все списки с изображениями, полученными с amazon s3. Проблема, с которой я сталкиваюсь сейчас, заключается в том, что мой макет становится беспорядочным, пока все изображения не будут загружены полностью. Поэтому я помещаю образ заполнителя, и теперь проблема заключается в том, как заменить его, когда фактическое изображение загружается из s3. Как мы можем знать, что изображение полностью загружено и соответствующим образом изменить изображение? Заранее спасибо!положить изображение заполнителя до загрузки соответствующего изображения
1
A
ответ
3
Оформить заявку lazysizes или по слову «ленивая погрузка». Он делает именно то, что вам нужно, я верю.
UPDATE
Проверьте demo, например, раздел под названием 'Изображение с техникой LQIP'.
поэтому в основном тег изображения должен быть в настоящее время
<img src="placeholder-image.jpg" data-src="aws-image.jpg" class="lazyload" />
Этот тег изображения будет отображаться замещающим изображением в настоящее время. Файл javascript библиотеки автоматически загрузит изображение aws после прокрутки этого изображения и загрузки файла aws.
Смежные вопросы
- 1. phonegap положить gif при загрузке изображения до его загрузки
- 2. Отображать изображение заполнителя во время загрузки изображения с сервера
- 3. Изображение заполнителя размером с область изображения?
- 4. Как показать фоновое изображение до загрузки изображения
- 5. положить Изображения/значки до asp: label
- 6. jQuery положить изображение загрузки на моей вкладке
- 7. Отображение временного изображения до загрузки изображения
- 8. не может положить изображение поверх изображения
- 9. Как положить изображение на изображение
- 10. иона - текущее изображение в качестве заполнителя
- 11. заменить сломанное изображение на изображение места-заполнителя
- 12. Удаление соответствующего изображения
- 13. Отображение заполнителя для изображения в recyclerview
- 14. Покажите изображение загрузчика ajax до загрузки фактического изображения.
- 15. Как я могу сделать текст за изображение до загрузки изображения?
- 16. Показать изображение до загрузки страницы
- 17. Установить изображение заполнителя, только если изображение не загружается. SDWebImage
- 18. положить изображение на другое изображение в Monodroid
- 19. Проверка происходит до загрузки изображения
- 20. Window.load выполняется до загрузки изображения
- 21. Получите размер изображения до загрузки изображения
- 22. Показать Загрузка изображения до полной загрузки страницы
- 23. gif загрузка изображения до полной загрузки страницы?
- 24. Jquery Загрузка изображения до загрузки начинается
- 25. Как положить изображение внутри FAB
- 26. Не загружайте страницу до загрузки изображения баннера
- 27. Имейте изображение загрузки Picasso перед просмотром строки
- 28. Как просмотреть изображение до и после загрузки?
- 29. Положить фоновое изображение по тексту?
- 30. Заменить загруженное изображение с помощью изображения-заполнителя навсегда
все еще не могу понять, как это может помочь с моим сценарием. Мне нужно заменить образ заполнителя при загрузке фактического изображения. – Abhilash
обновил мой ответ, надеюсь, что он помогает – Vic
havent попробовал..Я нашел другой способ. вместо того, чтобы показывать заполнитель, я установил высоту и ширину для того, чтобы сохранить макет от взлома во время его загрузки. Затем я поместил фоновое изображение загрузчика .gif image .. Так мне не нужно удалять местозаполнитель с загрузчиком, поскольку он будет в фоновом режиме ..Не знаю, насколько эффективен, но теперь работает как шарм .. – Abhilash