АРМАДА
Отображение картинок в зависимости от разрешения?
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

tvsm22
Профессионал
Зарегистрирован: 03.03.2008
Сообщений: 551
Обратиться по нику
# Добавлено:Чт Ноя 11, 2010 6:07 pmДобавить в избранноеОтветить с цитатой
Подскажите пожалуйста, можно ли через css реализовать такой вопрос:
показывать или не показывать картинку бэкграунд в зависимости от разрешения экрана?
sabirovsk.ru - Игровое оборудование для детских садов

cyberseo + + +
Banned
Зарегистрирован: 09.11.2010
Сообщений: 84
Обратиться по нику
# Добавлено:Чт Ноя 11, 2010 6:27 pmОтветить с цитатой
Через CSS вроде никак, а через JavaScript запросто. Например:
Код:
<head>
</head>
<body>
<script type="text/javascript">
if (screen.width > 800 && screen.height > 600) {
 document.body.style.backgroundImage = "url(http://www.featurepics.com/FI/Thumb/20100514/Autism-Handprint-Seamless-Tile-1537654.jpg)";
}
</script>
</body>


tvsm22
Профессионал
Зарегистрирован: 03.03.2008
Сообщений: 551
Обратиться по нику
# Добавлено:Чт Ноя 11, 2010 6:33 pmОтветить с цитатой
Ок, спасибо, решил путем загрузки разных css в зависимости от ширины окна:
<link rel='stylesheet' media='screen and (max-width: 1024px)' href='{$css_dir}style_low_resolution.css' />
<link rel='stylesheet' media='screen and (min-width: 1025px)' href='{$css_dir}style.css' />
sabirovsk.ru - Игровое оборудование для детских садов

cyberseo + + +
Banned
Зарегистрирован: 09.11.2010
Сообщений: 84
Обратиться по нику
# Добавлено:Чт Ноя 11, 2010 6:38 pmОтветить с цитатой
Угу, так может даже и лучше. На случай, если вдруг JavaScript вырублен. Только обязательно во всех браузерах протестируй. А-то там кто во что горазд в плане интерпретации CSS Smile
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры