Question

Почему меняется аватар у участницы БВ при наведении мыши?

Меняется аватарка у одной участницы Большого Вопроса (Татьяна Борисовна Чупахина).

Изначально, при заходе на страницу её профиля, аватар такой:

А после наведения мыши — вот такой:

Таким образом, аватар меняется с первого на второй при простом наведении курсора мыши на область картинки. И наоборот, аватар меняется обратно со второго на первый при обновлении страницы.

У остальных участников БВ я такого не наблюдаю. У остальных бэвэшников при наведении мыши меняется только размер картинки, но не более.

Это глюк? Ошибка сайта? Если не глюк и не ошибка, то что это тогда? Почему так происходит?

Answer 1

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

На многих сайтах в целях оптимизации ресурсов используются 2 картинки: маленькая превью и большая картинка в естественном разрешении (например, в слайд-шоу). Превью видна всегда (она занимает мало места). Если пользователь не нажал на превью, то нет смысла выводить полную картинку. Но если нажал, то нужно подгрузить вторую картинку. В вебдизайне часто используется прием не просто сразу показывать большую, а путем плавного увеличения превью.

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

И вот тут происходит следующее. Большой картинки по какой-то причине нет (скорее всего, потерян путь на нее) и происходит подмена стандартной картинкой с узорами.

В обратном порядке происходит наоборот. Большая картинка с узорами уменьшается до размеров превью и затирает ее, оставшись с ее размерами.

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

Вот и вся разгадка.