Как динамически обрезать / масштабировать изображения на сайте - PullRequest
0 голосов
/ 29 февраля 2012

Мне нужно, чтобы мой сайт мог изменять размер и обрезать изображение на основе области просмотра в браузере. Мне до сих пор удавалось динамически изменять его размер с помощью карты изображений, но, похоже, я не могу обрезать его динамически. Я хотел бы, чтобы он обрезал и масштабировал одновременно, не искажая изображение. Изображение, которое я использую, имеет размер 1920x1080, что намного больше, чем у большинства браузеров, поэтому обрезка краев при масштабировании приведет к тому, что он будет выглядеть одинаково в разных браузерах.

Ответы [ 2 ]

0 голосов
/ 29 февраля 2012

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

http://cssglobe.com/post/6089/3-easy-and-fast-css-techniques-for-faux-image

Вы могли бы

1) Используйте отрицательные поля. 2) Абсолютное позиционирование изображения в умном ключе. 3) Используйте свойство CSS clip.

0 голосов
/ 29 февраля 2012

Я использую этот плагин jQuery довольно часто. :) http://srobbin.com/blog/jquery-plugins/jquery-backstretch/

...