Перейти к публикации

Разные картинки под разное разрешения монитора.


Рекомендованные сообщения

Вообще есть два вопроса.

Первый.

Как можно сделать так, что бы под разное разрешение монитора грузились разные по размеру картинки. Например сайт оптимизировал под разрешение 1280 на 1024 и картинки под этот размер и больше смотрятся отлично, но если поставить разрешение например 1024 на 800, то они обрезаются с какой-либо стороны. Так вопрос в том, как можно сделать так, что бы сайт выводил другого размера картинки при разрешении например 1024.

Второй.

Если человек из глухой деревни и до сих пор сидит на IE6 (пару раз столкнулся с такими), нужно что бы ему грузилась страница, с надписью, мол у тя браузер УГ, тебе следует обновится.

Если можно ссылки на такие методы, или сюда, так же с более подробным описанием прошу. Заранее спасибо всем откликнувшимся.

http://www.emotionsplash.com/

Изменено пользователем papay88
Ссылка на сообщение
Поделиться на других сайтах

Как можно сделать так, что бы под разное разрешение монитора грузились разные по размеру картинки. Например сайт оптимизировал под разрешение 1280 на 1024 и картинки под этот размер и больше смотрятся отлично, но если поставить разрешение например 1024 на 800, то они обрезаются с какой-либо стороны. Так вопрос в том, как можно сделать так, что бы сайт выводил другого размера картинки при разрешении например 1024.
Тут лучше сразу весь шаблон оптимизировать на минимальное разрешение, например 1024x768 и уже его потом растягивать на больших экранах до установленного максимума. Чтобы то, что растягивается не портило дизайн.

Картинки тут надо делать повторяющиеся. Вообщем тут надо многое продумывать.

Если человек из глухой деревни и до сих пор сидит на IE6 (пару раз столкнулся с такими), нужно что бы ему грузилась страница, с надписью, мол у тя браузер УГ, тебе следует обновится.

Если можно ссылки на такие методы, или сюда, так же с более подробным описанием прошу. Заранее спасибо всем откликнувшимся.

В Ваш шаблон вставляйте подобный код:

<!--[if IE 6]>

У вас IE 6

<![endif]-->


<!--[if IE 7]>

У вас IE 7

<![endif]-->


<!--[if IE]>

У вас худший браузер в мире

<![endif]-->

:rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

В Ваш шаблон вставляйте подобный код:

Спасибо.

Картинки тут надо делать повторяющиеся.

Ну это не проблема их сделать другого размера.

Вообщем тут надо многое продумывать.

Через CSS это как-нибудь можно реализовать?

Ссылка на сообщение
Поделиться на других сайтах

Так как Вы хотите сделать можно сделать только через Яваскрипт. Определяем разрешение экрана и под разное разрешение отдаём разные картинки. Иначе никак. :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

У меня таже проблема, если другое расширение то картинка обрезается, а точнее часть шаблона. Я несовсем поняла,это нужно в яве прописывать или загружать картинки разного расширения? А что если картинка самого шаблона ?

Ссылка на сообщение
Поделиться на других сайтах

Что-то примерно такое:

<script language="javascript" type="text/javascript">

<!--

var width="0";

width = screen.width;


switch (width) {

case 800:

	document.write("<link rel='stylesheet' href='/templates/Название_шаблона/style/800.css' type='text/css'>");

	break;

case 1024:

	document.write("<link rel='stylesheet' href='/templates/Название_шаблона/style/1024.css' type='text/css'>");

	break;

case 1280:

	document.write("<link rel='stylesheet' href='/templates/Название_шаблона/style/1280.css' type='text/css'>");

	break;

default:

	document.write("<link rel='stylesheet' href='/templates/Название_шаблона/style/style.css' type='text/css'>");

}

// -->

</script>

Код на работоспособность не проверял, так как писал прямо тут на форуме :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

В main.tpl

И получается сделать ешё не сколько ксс стилей, в зависимоти от разрешения экрана. Спасибо на днях попробую.

Ссылка на сообщение
Поделиться на других сайтах
  • 1 год спустя...

Это трудно, но есть вариант в каждом файле шаблона прописывать разные тэги в зависимости от ширины

Однако тогда все будет весить в 3-4 раза больше

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

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

×
×
  • Создать...