У меня есть галерея с разным размером изображений. Есть ли решение обрезать их во время показа? Я попытался установить высоту стиля: xxxpx, но он выглядит ужасно (с шириной тоже). Это изображение выводится на экран из других сайтов, так что я не могу просто скачать их и урожай :(нерегулярные размеры изображений в галерее
Вы можете обрезать изображение, поместив его внутри
overflow: hidden;
дел.
Heres a JSFiddle пример Cropped Image, конечно, вы, вероятно, захотите использовать тот же javascript, чтобы центрировать/позиционировать изображение, а не простые настройки магических чисел в примере, который я сделал, но все же он показывает, как обрезать изображение.
Вот является JQuery плагин, который должен сделать трюк: http://odyniec.net/projects/imgareaselect/
Вы также можете просто установить ширину пикселя измерьте в html или css и оставьте высоту или наоборот, в зависимости от того, нужна ли вам их одинаковая высота или та же ширина. Затем они будут уменьшены, но не искажены ... очевидно, если вам нужно обрезать до установить высоту и ширина, это не сработает, но это будет дать вам колонки или строки, которые соответствуют ширине или высоте.
Используйте 'height' в css или html. Качество будет зависеть от фильтра размера, используемого браузером. – elclanrs