Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Срипт для автоматического обрезания картинки

Автор: jone31 4.12.2008, 18:06

Вот такая проблемма:
С другого сайта копирую граблю картинку с погодой. Но немного не вмещается по размерам в дизайн сайта.
На сайте картинка с размером 175х114, а мне надо что б при загрузке она обрезалась до размера 175х80. Не сжалась, а именно обрезалась!!! Возможно ли это?

P.S. Я незнаю на каком языке это можно сделать, по этому не ругайте сильно если не туда написал.

Автор: bars80080 4.12.2008, 18:53

Цитата(jone31 @ 4.12.2008, 17:06

)

Я незнаю на каком языке это можно сделать

на каком грабишь, на таком и режешь.

вместить можно, если засунуть её в блок с

Код


div { overflow: none; width: 175px; height: 80px; }

Автор: jone31 5.12.2008, 21:03

Чо то не получаеся все как было так и осталось! smile

Вот ниже часть того блока с картинкой которую нужно резать!!!

Код


<td width="175" align="left" valign="top"><div { overflow: none; width: 175px; height: 80px; }><img src="http://info.weather.yandex.net/informer/175x114/26898.png" border="0" alt="Загрузка..."/></div><img width="1" height="1" src="{THEME}/images/weather/pix.gif" alt="" border="0"/></a></td>

Автор: bars80080 5.12.2008, 21:31

ну, естесственно не получилось. надо всего лишь немного почитать про css, а не засовывать неизвестные параметры (как оказалось) как пришло в голову:

Код


<style>
#ban { overflow: none; width: 175px; height: 80px; }
</style>
<div id="ban">
<img src="http://info.weather.yandex.net/informer/175x114/26898.png" border="0" alt="Загрузка..."/>
</div>

Автор: jone31 6.12.2008, 20:34

Картинка обрезалась но ее кусок торчит снизу закрывая все под собой:

Вот скрин:

user posted image

Можно ли кусок картинки как нить убрать???

Автор: bars80080 6.12.2008, 21:08

какая-то чехарда со стилями

нижний блок "... ФАЙЛЫ" в разметке идёт выше чем вставленный?

можно ещё попытаться задать нижнему блоку position: relative;

Автор: jone31 9.12.2008, 23:46

Нет!

Все равно она торчит!!!