Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.07.2013, 22:26
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

Изменение размеров фотографии
Есть часть кода которая отображает фотографию на экране по заданным ширине и высоте

// Создаем объект FileReader и по завершении чтения файла, отображаем миниатюру и обновляем
            // инфу обо всех файлах (только в браузерах, подерживающих FileReader)
            if($.support.fileReading) {
                var reader = new FileReader();
                reader.onload = (function(aImg) {
                    return function(e) {
                        aImg.attr('src', e.target.result);
                        aImg.attr('width', 150);
			aImg.attr('height', 100);
                    };
                })(img);
                reader.readAsDataURL(file);
            }

В таком варианте вертикальная фотография отображается Искаженно,фотка растягивается по ширине. Как сделать так чтобы отображалась фотография полностью но в рамках 150х100, то есть если фотка вертикальная будет отображаться вся ее высота в рамке высоты 100 как на скриншоте во вложении
Изображения:
Тип файла: jpg скрин1.jpg (62.2 Кб, 5 просмотров)
Тип файла: jpg скрин.jpg (114.1 Кб, 2 просмотров)

Последний раз редактировалось imediasun1, 10.07.2013 в 22:34.
Ответить с цитированием
  #2 (permalink)  
Старый 10.07.2013, 22:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

imediasun1,
так наверно вычислять новую ширину персонально для каждого рисунка (100* ширина рисунка)/высоту рисунка
Ответить с цитированием
  #3 (permalink)  
Старый 12.07.2013, 09:36
Аватар для ОлегА
Профессор
Отправить личное сообщение для ОлегА Посмотреть профиль Найти все сообщения от ОлегА
 
Регистрация: 25.08.2011
Сообщений: 420

попробуйте обернуть картинки в div контейнеры и задать ему высоту и ширину 150х100
Ответить с цитированием
  #4 (permalink)  
Старый 12.07.2013, 16:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<div style="width:150px;height:100px;display:inline-block;border:red solid 1px;vertical-align:top">
<img src="http://forum.mybb.ru/img/avatars/0000/14/1c/26768-1330199487.jpg" style="max-width:150px;max-height:100px;"/></div>

<div style="width:150px;height:100px;display:inline-block;border:red solid 1px;vertical-align:top">
<img src="http://4put.ru/pictures/max/298/916560.jpg" style="max-width:150px;max-height:100px"/></div>

Последний раз редактировалось Deff, 12.07.2013 в 16:11.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализована изменение цвета фотографии? progress0477 jQuery 0 17.09.2012 17:17
Динамическое изменение размеров фоновой картинки ячейки shaitan Элементы интерфейса 4 15.04.2010 13:30
Изменение размеров картинки Vladimir Mashkov Элементы интерфейса 2 16.10.2009 16:37
Изменение размеров в зависимости от картинки lanzs Элементы интерфейса 9 10.12.2008 21:39
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55