Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение размера картинки / 8 сообщений из 8, страница 1 из 1
09.03.2009, 22:46
    #35858721
sahar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
Добрый вечер. Меня интересует можно ли задать размер картинки используя только джаваскрипт. Т.е. например есть большая картинка и нужно сделать из нее маленькую. Такая возможность есть в РНР но как это сделать в джавескрипт не знаю. Спасибо!
...
Рейтинг: 0 / 0
09.03.2009, 23:56
    #35858765
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
Скорей, можно изменить размеры отображения - ширину и высоту в img. Качество пострадает, да и браузеру лишняя работа. Сама же картинка останется как была - большой.

PS. только пожалуйста не делайте таким образом превьюшки для галереи ))
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
10.03.2009, 00:46
    #35858791
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
У имиджа есть также хороший атрибут - сорс миниатюры - иногда очень полезная штука.
А так - можно использовать просто изменение размеров в стилях как самой картинки, так и бекграунда контейнера (мне лично чаще приходится так делать).
...
Рейтинг: 0 / 0
10.03.2009, 11:03
    #35859157
sahar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
vkle
Скорей, можно изменить размеры отображения - ширину и высоту в img. Качество пострадает, да и браузеру лишняя работа. Сама же картинка останется как была - большой.

PS. только пожалуйста не делайте таким образом превьюшки для галереи ))


так вот суть в том что надо сделать превьюшки, собсна под это и открывалась тема. Я знаю что можна задать размеры, а вот как сделать превъюху - вопрос
...
Рейтинг: 0 / 0
10.03.2009, 11:12
    #35859175
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
Обычно, превьюшки делаются на сервере (налету, или храняться уже готовые). Это связано с тем, что, если яваскриптом уменьшать:
1. Всё равно по сети передаётся картинка целиком.
2. Алгоритм уменьшения - линейный (т.е. отсутствует вовсе) и это хреново сказывается на качестве изображения.
...
Рейтинг: 0 / 0
10.03.2009, 12:16
    #35859379
sahar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
А можно поподробнее как все таки сделать это уменьшение?
...
Рейтинг: 0 / 0
10.03.2009, 12:34
    #35859436
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
Что подробнее? Как на клиенте - уже написали, что у картинки есть свойства - ширина и высота. Указывая какое-нибудь из них (одно!) получаем пропорциональное изменение размеров, а указывая оба - можно непропорционально.
Код: plaintext
1.
<img onclick="this.height='200px';" src="..." height="100px" ... />
...
Рейтинг: 0 / 0
10.03.2009, 12:37
    #35859448
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение размера картинки
Имхо наиболее правильный способ - делать уменьшенную копию непосредственно при загрузке файла на сервер и класть её в отдельную директорию. В большинстве случаев этого достаточно. Из недостатков - всем пользователям будет отдаваться превьюшка одного и того же размера. Можно на лету, при отдаче клиенту генерить превьюшку нужного размера, но при этом сильно расходуются ресурсы сервера, что особенно заметно при большом количестве картинок на странице или при большой посещаемости. Приемлемый компромисс - кеш превьюшек различного размера.

Чем именно делать превьюшки - дело вкуса. Можно php-скриптом, можно imagemagick, можно и ручками в фотошопе.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение размера картинки / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]