умное изменение размеров изображений предварительного просмотра?

Question

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

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

есть ли способ изменить размер только больших изображений, не касаясь меньших, например. изменять размер только изображения с шириной или высотой более 400 пикселей?

Любые другие подходы, чтобы заставить большие вписываться в экран, не влияя на меньшие, приветствуются, если я просто использую width = 400px и height = 400px, все изображения будут с таким размером, и пропорция будет неправильной а для небольших изображений вы будете выбирать очень большие пиксели.

заранее спасибо

Answer 1

Реализация javascript с вырезанием шва - это то, что я называю умным изменением размеров изображений:)

В любом случае, в Javascript вы можете реализовать свою логику в зависимости от свойств width и height объекта Image.

Также взгляните на эту страницу , автор использует jQuery для изменения размера изображений больше указанных размеров.