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

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

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


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

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


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