Задержка в прогрузке фонов кнопок и меню: при наведении пропадают и появляются

Тема в разделе "Мегафлуд", создана пользователем plate, 9 авг 2013.

  1. plate

    plate Постоялец

    Регистр.:
    18 фев 2007
    Сообщения:
    67
    Симпатии:
    22
    Добрый день, уважаемые нуллед-форумчане!
    Подскажите, в чем может быть причина: не сразу подгружаются слои кнопок на сайте.

    1. Получается так - сколько бы времени ни прошло после загрузки страницы сайта, когда наводишь на синюю кнопку формы слева или на любой пункт желтой менюшки в подвале - их фон на доли секунды пропадает, а потом, подгрузившись появляется.
    2. http://leadergroup.kolody-s.com - вот пример: слева вверху форма с синей кнопкой, еще пример - в футере желтые менюшки - так же себя ведут.
      Я так понимаю - что-то не корректно прописано в CSS, но что именно не могу понять.
    3. Буду благодарен за любую помощь и подсказки!
      [​IMG]

      1.jpg 2.jpg
     
  2. GrinGoO

    GrinGoO Постоялец

    Регистр.:
    29 апр 2010
    Сообщения:
    86
    Симпатии:
    22
    Проблема не в CSS, просто при наведении подгружается другая картинка. На это как раз нужна примерно секунда)
     
  3. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.199
    Симпатии:
    2.223
    Проблема в том, что у тебя кнопка - это 2 картинки, одна из которых показывается всегда, а вторая только при наведении. Соответственно у второй картинки получается display: none; - такие картинки браузеры не скачивают сразу. Как только ты навёл мышку - произошла скачка картинки...

    Решение простое: ты меняешь 2 картинки на 1 длинную, задавая область видимости и смещение. При наведении указателя будет показана уже скаченная ранее картинка, но с другим смещением, что занимает 1 кадр, т.е. не видно для человеческого глаза.

    Пример решения: http://likbezz.ru/forum/8-520-5936-16-1324480883
     
    plate нравится это.
  4. plate

    plate Постоялец

    Регистр.:
    18 фев 2007
    Сообщения:
    67
    Симпатии:
    22
    Горбушка
    благодарю за оперативный и подробный ответ!