Изображения на веб-страницах asp.net c # - PullRequest
Новая
       7

Изображения на веб-страницах asp.net c #

0 голосов
/ 11 августа 2011

Цель: Чтобы изменить размер изображений в соответствии с разрешением

Проблема: Если мы не изменим размер, выравнивание и структурирование изображения исчезнут

Необходим следующий код: Я не хочу изменять размеры небольших изображений до 100% ширины.

    System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src);
    if (img.HorizontalResolution > 1000)
    {
        imgTest.Attributes.Add("width", "100%");
    }

Правильно ли я?Или есть ли другие альтернативы, чтобы сделать то же самое?Дайте мне знать, могу ли я заменить код C # с помощью любого CSS?

Ответы [ 2 ]

1 голос
/ 11 августа 2011

Можете ли вы быть более конкретным?

В основном вы храните изображение где-то в новом размере?

Или вы просто хотите показать изображение внутри DIV или td, который долженбыть определенной ширины / высоты?

И если я вас правильно понимаю, вы просто хотите изменить размеры больших изображений, поэтому размер чего-либо ниже порога не должен изменяться, верно?

Если это такпросто для отображения, вы можете отказаться от всего этого и просто использовать CSS 

img
{
   max-width:1000px;
   max-height:1000px;
}

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

Эта ссылкаобъясняет основы этих свойств CSS http://www.w3schools.com/cssref/pr_dim_max-height.asp

Дайте мне знать, если это было полезно!Ура!

0 голосов
/ 11 августа 2011

Вы можете использовать медиазапросы CSS для этого.CAVEAT: среди веб-дизайнеров в настоящее время существует тенденция использовать так называемые методы «адаптивного веб-дизайна» для достижения этого на мобильных устройствах;Мой совет: не следуйте этому увлечению.Медиа-запросы включаются только после загрузки разметки и изображений.Поэтому, если вы хотите применить изображения меньшего размера для мобильных устройств, все настольные версии все равно будут загружены, что приведет к значительной проблеме производительности.

Если вы пытаетесь сделать это для мобильных устройств, создайте отдельный сайт для мобильных устройств и применитемедиа-запросы CSS к этому.Используйте Mobi для определения функций браузера.

Если это просто обычный браузерный сайт для настольных компьютеров, лучше всего использовать CSS Media Queries.

http://www.w3.org/TR/css3-mediaqueries/

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

...