Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Изменение заранее неизвестных размеров картинок

27K
21 мая 2007 года
Nat2
6 / / 21.05.2007
Господа, помогите, плиз, чайнику! Javascript только осваиваю, а вопрос срочный.

Есть таблица, в одном из столбцов которой стоят картинки с заранее неизвестными размерами. Задача в том, чтобы если размеры превосходят заранее известные значения в высоту И ширину (например, не более 100 пикс.), то картинка соответственно ужималась.

Пока додумалась только до
Код:
function rext() {
     for (i=0; i<1000; i+=1) {
        if (document.images.width > 100) {
            document.images.width = 100;
        }
        else {
            if (document.images.height > 100) {
                document.images.height = 100;
            }
        }
        if (document.images.height > 100) {
            document.images.height = 100;
        }
        else {
            if (document.images.width > 100) {
                document.images.width = 100;
            }
        }

     } 
    }


Но этот скрипт меняет размеры у всех картинок документа, а нужно только у картинок в конкретном объекте (а именно - таблице)
13
21 мая 2007 года
RussianSpy
3.0K / / 04.07.2006
хм... даже боюсь спрашивать для чего это надо....

А сразу прописать не судьба?
 
Код:
<img width="100" height="100" src='img.jpg'>


А еще можно через CSS:

 
Код:
table img {height:100px; width:100px;}
27K
21 мая 2007 года
Nat2
6 / / 21.05.2007
если бы можно было прописать сразу, прописали бы. Но не судьба - картинки разные, и должны масштабироваться пропроционально.
Т.е., например, картинка размером 150х100 должна ужиматься не до 100х100, а до 100х67. А картинка 100х150 - до 67х100
13
21 мая 2007 года
RussianSpy
3.0K / / 04.07.2006
А если так:

 
Код:
table img {max-height:100px; max-width:100px;}


Если не получится - тогда только через DOM

PS хотя мне сдается что сама система ваша сделана через ж**у и потому возникают такие "сложности"
27K
21 мая 2007 года
Nat2
6 / / 21.05.2007
Это коряво работает в IE даже через expression
13
21 мая 2007 года
RussianSpy
3.0K / / 04.07.2006
Цитата: Nat2
Это коряво работает в IE даже через expression



Делай через DOM.
Вот тебе книжка. JavaScript for Web Developers
http://ifolder.ru/1965154

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог