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

Разработал одно-страничный сайт на modx Revo. Сайт - портфолио дизайн-студии. Как и в любом портфолио основную часть сайта занимают изображения.
В момент загрузки сайта изображения загружаются не красиво, в разброс, и долго отрисовываются.
Раньше где то находил как реализовать плавную загрузку изображений именно на видимой части страницы, при прокрутки страницы изображения плавно появлялись.
Пробовал снова отыскать подобное - все варианты ни к чему путному не привели. Либо изображения частично не загружались, либо перерисовка шла еще медленнее.
Сейчас сайт выглядит так chetkodesign.ru
Прошу отписаться тем , кто уже встречался с такими проблемами, интересует как именно реализовать плавную загрузку изображений.
  • Вопрос задан
  • 2972 просмотра
Пригласить эксперта
Ответы на вопрос 3
rOOse
@rOOse
Frontend developer
Ответ написан
Комментировать
@BarakudaX777 Автор вопроса
Да. что то я походу немного туплю. Я отказался от него так как там все изображения указываются не в src а в data-original. думал что не все браузеры это держат и начнутся глюки... Сейчас я пока тоже так думаю, но думаю попробовать стоит. Хотелось бы чтобы сайт оставался кроссбраузерным. + те у кого выключены скрипты вообще не увидят работ. Но в принципе у меня весь сайт базируется на jquery, а это уже говорит что у него и так ничего работать не будет..
Спасибо! Попробую его. Я пробовал до этого сам скрывать изображения через fadein и показывать по событию .load. но стал замечать что при обновлении страницы не все изображения показываются, некоторые не отображались.
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Сайт тесный.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы