Faites évoluer dynamiquement les images pour les adapter à une largeur et une hauteur spécifiées

Donc après des recherches approfondies et des tonnes de jQuery et Javascript solutions que je ne pouvais simplement pas trouver un moyen de l'échelle de manière dynamique les images à une taille donnée, à la fois horizontalement et verticalement, j'ai trouvé des tonnes d'informations sur la mise à l'échelle pour s'adapter à la largeur sage et garder le ratio d'aspect, ou mise à l'échelle pour s'adapter à la hauteur de sage et de garder le ratio d'aspect, mais je ne pouvais pas comprendre si l'image est trop grande ou trop court, et d'ajuster en conséquence.

Donc, dans mon exemple, j'ai eu un <div> avec un ensemble de largeur de 460px et d'une hauteur de 280px, et j'ai besoin de l'image pour s'adapter à, tous les de lui-même dans ce domaine sans l'étirer (en maintenant son ratio d'aspect)

source d'informationauteur Chris James Champeau | 2012-06-18