Фон - картинка. Убрать если маленькая скорость.

Тема в разделе "Верстка", создана пользователем Java, 9 июл 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Java

    Java

    Регистр.:
    14 окт 2011
    Сообщения:
    154
    Симпатии:
    34
    Вообщем на портале на главной есть большая HD картинка, весит 500кб, как быстро проверить у юзверя скорость и если маленькая вставить фон цветом?
     
  2. Viodele

    Viodele Механик

    Administrator
    Регистр.:
    17 дек 2011
    Сообщения:
    114
    Симпатии:
    486
    Теоретически - это возможно реализовать посредством Javascript. Загружать картинку не напрямую, в браузер, а в переменную. В момент инициализации страницы запустить таймер, назначив деструкцию таймера, когда картинка загружена. Если же картинка не загрузилась в отведенное время - показать цветной фон. Но в целом, не могу понять, для чего это нужно. Можно поставить цветной фон по дефолту, и перекрыть его слоем с картинкой. В любом случае, когда-то она, да и загрузится. 500кб - это не особо много, даже для GPRS. У большинства "нормальных" пользователей стоит кеширование медиа в браузере. Соответственно, картинка загрузится только один раз и будет отображаться в дальнейшем уже из кеша(при наличии статического адреса).
     
  3. stsepelin

    stsepelin Постоялец

    Регистр.:
    8 сен 2011
    Сообщения:
    56
    Симпатии:
    12
    На мой взгляд 500кб уже ничто. Мне кажется фон будет грузить сайт меньше, чем различные скрипты для вычисления скорости или вывода картинки.
     
  4. zoomenok

    zoomenok Писатель

    Регистр.:
    26 июл 2011
    Сообщения:
    5
    Симпатии:
    0
    А нельзя реализовать сценарий загрузки разного качества(сжатия) картинки в зависимости от скорости соединения у пользователя?
     
  5. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107
    Запихни код js с загрузкой фона в конец кода перед закрывающимся body и тогда у юзера сначала все загрузится а потом уже будет фон грузиться в самом конце
     
  6. zoomenok

    zoomenok Писатель

    Регистр.:
    26 июл 2011
    Сообщения:
    5
    Симпатии:
    0
    Прошу прощения за оффтоп, но может кто подскажет, как сделать кликабельные картинки произвольной формы и положения, типа как тут: http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=44623
    Хотя в примере результат не тот, но смысл, думаю, ясен.
     
  7. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107

    Тебе нужно в тему CSS, это position: relative(absolute) и z-index, там же ничего сложного
     
  8. zoomenok

    zoomenok Писатель

    Регистр.:
    26 июл 2011
    Сообщения:
    5
    Симпатии:
    0
    А где тема CSS? :dk:
    про position и z-index то ясно все. Цель была сделать кликабельный объект сложной(произвольной) формы, желательно в точных его пределах.
     
  9. Sergo_Sev

    Sergo_Sev Творец

    Регистр.:
    14 июн 2008
    Сообщения:
    571
    Симпатии:
    188
    Так в примере картинки то вообще то квадратные, а не произвольной формы, даже пересекаются их углы - всё сделано через CSS
     
  10. zoomenok

    zoomenok Писатель

    Регистр.:
    26 июл 2011
    Сообщения:
    5
    Симпатии:
    0
    Собсна я и написал, что в примере не тот результат. Хотелось бы именно область сложной формы. Думаю можно попробовать задать граничные условия для каждой области. Но может есть варианты попроще?