Помощник
 |
|
|
|
|
Сообщение сайта
|
 Пропорциональное изменение размера изображений |
pomp
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 1160 Регистрация: 13.12.2007 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Webmaster_hb
|
 21.11.2008, 12:27;
Ответить: Webmaster_hb
Сообщение
#2
|
 0 
 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
изменяю размер после загрузки картинок оставляя исходную картинку и подгоняя новую под заданные размеры, пользуюсь исключительно GD
могу подогнать готовый класс со всеми возможностями без GD и ImageMagic даже не знаю вариантов, разве что в html задать жесткие размеры картинки :sarcastic: |
|
|
|
|
Exterior
|
1.12.2008, 22:39;
Ответить: Exterior
Сообщение
#3
|
 0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
Вариант на JavaScript будет такой:
function setWidth() { var allImg = document.getElementById('test_block').getElementsByTagName('img'); for (var i=0; i<allImg.length; i++) { if (allImg[i].widht > 190) { allImg[i].height = allImg[i].height*(190/allImg[i].width); allImg[i].width = 190; } if (allImg[i].height > 140) { allImg[i].width = allImg[i].width*(140/allImg[i].height); allImg[i].height = 140; } } } onload = setWidth; теперь для всех больших изображений в блоке с id "test_block" превьюшки будут пропорционально уменьшены |
|
|
|
|
pomp
|
Сообщение
#4
|
|
0 Группа: User Сообщений: 1160 Регистрация: 13.12.2007 Поблагодарили: 0 раз Репутация: 0
|
Спасибо. Довольно полезный вариант.
|
|
|
|
|
DeraKOren
|
14.3.2009, 0:55;
Ответить: DeraKOren
Сообщение
#5
|
 0 Группа: User Сообщений: 4 Регистрация: 12.3.2009 Поблагодарили: 0 раз Репутация: 0
|
Здравствуйте.
Не могли бы вы подсказать как мне сделать так, чтобы, к примеру, картинка большого размера относящаяся к какой-нибудь программе, для скачивания, на общем виде была меньшего размера(нужного мне размера в процентном отношении или кратном), меньшего объема при помощи HTML или JavaScript. Если можно подробно. Здесь: http://wec.3dn.ru/load/6-1-0-25 картинка загружается полностью при этом уменьшена процентно. То есть что бы увидеть эту картинку надо загрузить полный объем этой картинки, а хотелось бы чтобы страничка обрашалась к этой картинке но при загрузке уменьшала объем( для экономии мб) и уменьшала размер пропорционально для нормального отображения во всех браузерах. Скриншот картинки и ее свойств: http://wec.3dn.ru/screen.jpg Заранее спасибо |
|
|
|
|
MetSerp
|
14.3.2009, 1:31;
Ответить: MetSerp
Сообщение
#6
|
 0 Группа: User Сообщений: 3274 Регистрация: 20.10.2008 Поблагодарили: 0 раз Репутация: 0
|
лучше сделать 2 картинки большую и маленькую в браузер отдавать маленькую а на фул просмотр большую :pionertrava:
|
|
|
|
|
DeraKOren
|
14.3.2009, 1:45;
Ответить: DeraKOren
Сообщение
#7
|
|
0 Группа: User Сообщений: 4 Регистрация: 12.3.2009 Поблагодарили: 0 раз Репутация: 0
|
(MetSerp @ 14.3.2009, 03:31)  лучше сделать 2 картинки большую и маленькую в браузер отдавать маленькую а на фул просмотр большую :pionertrava: Да я думал об этом, но дело в том, что у меня на сайте обращение к картинке идет при помощи кода ucoz(шаблон): <?if($SCREEN_URL$)?><a href="$SCREEN_URL$"><img height="25%" width="25%" src="$SCREEN_URL$" border="2"></a><?endif?> Где $SCREEN_URL$ - это путь к картинке по шаблону. То есть даже если я создам картинку меньшего размера, как я найду к ней путь и пропишу его в шаблоне к каждому материалу. Хотелось бы автоматически.Если пользователь создаст материал он же не будет создавать картинку меньшего размера и как он укажет к ней путь, чтобы все работало по моему шаблону. Если нужно могу выложить весь шаблон. Еще раз заранее спасибо. Получилось пропорционально уменьшить картинку, но не удалось уменьшить объем. Скрипт: <script language="javascript"> function img_change(img) { d = img.height/img.width; img.width = 200; img.height = img.width*d; } </script> Картинка: <img onload = "img_change(this)" src="$SCREEN_URL$" border="2">
|
|
|
|
|
Пират_hb
|
21.2.2010, 23:04;
Ответить: Пират_hb
Сообщение
#8
|
|
 0 Группа: User Сообщений: 117 Регистрация: 13.12.2008 Поблагодарили: 0 раз Репутация: 0
|
(Exterior @ 2.12.2008, 00:39) Вариант на JavaScript будет такой: function setWidth() { var allImg = document.getElementById('test_block').getElementsByTagName('img'); for (var i=0; i<allImg.length; i++) { if (allImg[i].widht > 190) { allImg[i].height = allImg[i].height*(190/allImg[i].width); allImg[i].width = 190; } if (allImg[i].height > 140) { allImg[i].width = allImg[i].width*(140/allImg[i].height); allImg[i].height = 140; } } } onload = setWidth; теперь для всех больших изображений в блоке с id "test_block" превьюшки будут пропорционально уменьшены Не подскажете, как заставить скрипт работать, при такой растоновке кода? [PHP] <div id='test_block'><img src='".$myrow['image']."' border='0'></div> [/PHP] Когда создаю на отдельном html листе, где только скрипт js и див с изображение, всё прекрасно работает, а в php не работает.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Продается сайт фотосток ИИ изображений Хороший вариант! |
20 | alexey | 3277 | 25.6.2023, 15:28 автор: alexey |
|
 Корректность показа вёрстки изображений на разных гаджетахНе сохраняются пропорции изображений на смартфонах |
1 | master-vek | 37258 | 25.3.2021, 13:22 автор: tedder |
|
Личный фотосток, много бесплатных изображений |
15 | Ultrastalker | 5977 | 30.3.2020, 10:15 автор: Ultrastalker |
|
Продам 120 изображений с фотостока DepositPhotos Выгодное предложение |
6 | Морфин | 1790 | 20.1.2020, 20:36 автор: Морфин |
|
Обработка фотографий и изображений для сайтов, и не только … | 0 | DarkUnicorn | 2137 | 4.6.2019, 22:57 автор: DarkUnicorn |
|
Текстовая версия | Сейчас: 23.4.2024, 18:11 |
