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

Если я создаю страницу фотогалереи на изображении, то для медленных подключений изображения не загружаются так быстро.Как показать фоновое изображение до загрузки изображения

Как создать такую страницу, на которой сначала загружается изображение, которое будет применено ко всем фонам изображений до тех пор, пока оно не загрузится и не закроет световой образ, загруженный ранее.

источник

2015-05-11 Anonymous

Это ощущение не по теме (слишком широкое), поскольку это можно сделать с помощью чистого CSS или во многих отношениях в javascript. Однако для решения pure-css проверьте несколько фонов: https://css-tricks.com/stacking-order-of-multiple-backgrounds/ (первый из них будет общим для всех). –

Я думаю, что у него есть тег HTML-изображений, и он хочет, чтобы у них был фон (например, gif) до загрузки изображения. тег SRC будет действовать как фон стекирования, но лучше всего разместить реальное изображение, если оно относительно содержимого (например, галерея и т. д.). Наличие div с css фоном имеет побочный эффект, который читатель экрана не будет читать (плохой для доступности), и искатель будет игнорировать их или рассматривать их только как украшение. Лучше иметь реальный img в вашем HTML и применить его к фону (это украшение до загрузки изображения) –

Вы можете просто применить фон к своему изображению. Если они все JPG (без диапозитива), вы можете сделать это:

CSS

img{ 
     background: url(path/to/my/file.jpg) center center no-repeat; 
    }

Обратите внимание, что если у вас есть диапозитив, изображение будет отображаться поверх фона, и это не будет красиво. Иначе это должно работать как шарм таким образом.

источник

2015-05-11 14:58:40

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

ответ

Смежные вопросы