[Хак] Убираем подёргивание кнопки "Добавить в закладки"

Тема в разделе "DataLife Engine", создана пользователем immersive, 1 ноя 2013.

  1. immersive

    immersive

    Регистрация:
    1 ноя 2013
    Сообщения:
    15
    Симпатии:
    2
    [​IMG]
    Небольшой CSS трюк, позволяющий устранить неприятный "баг" в DLE, когда при нажатии кнопки добавить в закладки изображение на короткое время пропадает, из-за чего заметно неприятное подёргивание. Происходит это из-за того что изначально изображение не загружено браузером и ему требуется несколько миллисекунд, чтоб его догрузить.

    Техника очень простая. Назначаем любому блоку нашу картинку и прячем её отрицательными значениями. Например так:


    Изображение можно добавить любому блоку, который ещё не имеет background-image. Свойство overflow:hidden необходимо только если изображение всё равно видно, после отрицательного позиционирования.

    Это элементарнейшая вещь. Но почему-то её ещё никто не применял в DLE шаблонах. Именно поэтому и публикую новость. Возможно кого-то давно раздражает эта особенность, которая скорее всего ещё не скоро будет поправлена.

    Мораль: Если у тебя есть блок имеющий свойство display:none, для него не будут грузится никакие изображения. Их нужно заранее подгружать, используя данную технику, если хочешь чтоб твои шаблоны не только выглядели красиво, но и так-же красиво работали.