Фото разных размеров, как сделать через css, что бы определенная область фото показыв

если у вас кохана, то не мучтесь с CSS и спокойно выводите в шаблонах через

$image->resize($width, $height)

$image->crop($width, $height)

подробнее читайте в мануалах ☝

$image->resize($width, $height)

$image->crop($width, $height)

вы наверное не поняли, я таким способом буду задавать параметры фотке, и они не все нормально будут смотреться, они будут искаженные или вытянутые.

Пример чистой страницы покажите полностью, которая в FF не показывается.

l17l, поэтому вам и написали второй вариант.

Нужно чтоб картинка обрезалась, а не сжималась. Это называется crop. Ищите у себя в движке нечто подобное или же как сказал jount, используйте:

объяснит суть работы данного способа.

то есть через код этот, указываем ширину и высоту, ту которую он будет показывать из картинки, то есть он её не сжимает, не задает параметры картинке, а просто показывает область из картинки ту которую указал в ширину и высоту так ?

Смотрите.

Исходные данные: картинка 1200х800 например.

Нужно: урезанная картинка 350х350 с сохранением пропорций.

1) С помощью PHP узнаем наибольшую сторону (т.е. ширина это или высота). Например, с помощью такой функции:

$size = getimagesize($filename);

Смотрите, какие размеры картинки есть внутри $size, анализируете их и вычисляете что больше - ширина, или высота. (Т.е. другими словами, картинка горизонтально- или вертикально-ориентирована)

2) Сжимаем картинку

$image->resize(350, NULL); // Если бОльшая сторона - это ширина.
// или
$image->resize(NULL, 350); // Если бОльшая сторона - это высота.

На этом шаге получаем картинку, готовую к обряду обрезания.

3) Делаем собственно обрезание (crop):

$image->crop(350,350); 

Итого можете использовать в цепочке:

print $image->resize(350, NULL)->crop(350,350);

С вычислением высоты, ширины картинки и прочими мелочами предоставляю разобраться вам, там по идее ничего сложного не должно быть.

UPD: еще в интернетах пишут, что данный код избавит вас от забот вручную проверять ориентацию картинки (лично не проверял, но попробуйте):

print $image->resize(350, 350, Image::INVERSE)->crop(350,350);

Надеюсь, чем-то помог :)

$size = getimagesize($filename);

$image->resize(350, NULL); // Если бОльшая сторона - это ширина.
// или
$image->resize(NULL, 350); // Если бОльшая сторона - это высота.

$image->crop(350,350); 

print $image->resize(350, NULL)->crop(350,350);

print $image->resize(350, 350, Image::INVERSE)->crop(350,350);

так по идее скрипт должен сначала 1200х800 этот размер уменьшить на тот что мне нужен 500x500, ну и по сути он обрежет лишнее, а потом уже что бы из этих данных покащывалась область та что мне нужна 366x250

так как если он будет показывать область из 1200х800, то то там ничего видно не будет.

вот пример:

фотка 1200x960, если сделать что бы из неё область та что мне надо показывалась, то вид будет такой.

можно сделать что бы скрипт обрезал фото, но так будет не красиво, он вырежет область из большой фотки 366x250, ну и будет видно выше на картинки что он будет показвать что то не понятное, тут надо делать что бы скрипт уменьшал фото до 500x500 ну и обрезал за одно если будет лишнее, так как фото все разные что по вертикали что по горизонтали и придеться скрипты обрезать, нужно что бы как бы он от середины отсчитывал что лишнее и вырезал, допустим загружаем и скрипт делает фотку 1200x960 на 500x500, можно меньше но не то будет все равно, и уже исходя из 500x500 размера, показываем область, 366x250 и вот пример:

а если сделать так что бы скрипт уменьшал по ширине, до 366 и если есть лишка в длине то что бы срезал и меньшал до 250, то будет так.

у всех фотографиий восновном все самое ценное середина, допустим взять фотку с человеком, обычно человек по середине.

---------- Добавлено 08.01.2014 в 20:39 ----------

вот нашел по кохане, http://ruslan.cc/2012/11/kohana-3-2-2-i-ispolzovanie-modulya-image/

я думаю так и сделаю без всяких там css, так и фотка меньше весить будет !

а как быть если он обрежет по ширине и так выйдет что высота будет меньше чем 250, тогда обрезать не будет и фотка будет смотреться уже не хорошо ! косяк как с ним быть ? или сделать что бы обрезалось ровно все стороны по 366x366 и сделать что бы показывалась по центру фотка.