Ограничение максимальной ширины картинок в проекте

Столкнулся с такой ситуацией: в проекте рисунки разных размеров. Некоторые шире, чем нужно (на сайте они вылезут за пределы контент-блока). Как можно отсортировать такие рисунки? Чтобы вручную задать им ширину. А лучше было бы автоматом как то сделать, если физическая ширина картинки больше заданной, то задается условие width="". И тогда картинка не будет захватывать сайдбар. Многие темы страдают таким недостатком.

Кто мешает всем изображениям присвоить принудительно нужный атрибут width="" в коде статьи?

Смотря откуда картинки. Если использовать инструмент "Интернет-картинки", то там есть опция, с помощью которой задаются принудительно нужные размеры. А если уже готовый проект, тогда, я нашёл один способ,- через регулярку задать:

найти

<p><img title="(.*?)" src="(.*?)" alt="(.*?)" width="(.*?)" height="(.*?)" /></p>

заменить

<p><img title="\1" src="\2" alt="\3" width="150" align="left" /></p>

Регулярку нужно задать свою, это только пример, у тебя могут быть другие значения, но суть простая, и регулярка может быть упрощенной до минимума:



найти

width="(.*?)" height="(.*?)

заменить

width="150"

то есть мы попросту избавляемся от параметра height=, а width= выставляем тот, который нужен нам.

В первом случае то же самое делали,- избавились от height=. Но имеем ещё ряд вспомогательных параметров.

Можно воспользоваться oveflow:hidden

Можно воспользоваться oveflow:hidden

Это как?

<div style="width:300px; height:600px; overflow:hidden;">

<img src="http://178.162.173.77/uploads/posts/2011-06/1308240677__lovebirds__by_b_photo.jpg"/>

</div>

Везде есть огромный недостаток, ширина задается для всех картинок, и в итоге маленькие картинки тоже увеличиваются, расплываются. Поэтому использую метод, который я описал здесь:

[url:39n3h5xa]http://zebroid.ru/forum/viewtopic.php?f=14&t=2109[/url:39n3h5xa]

Уменьшаю картинки физически до необходимой ширины пакетной обработкой и с сохранением пропорций. Условия ширины и высоты вообще удаляю. И вуаля!