Réduire une image si elle est trop grande pour l'écran

Question

J'ai une page html où au milieu il y a une photo.
Y at-il un moyen de réduire l'image avec javascript au cas où il est trop grand pour la résolution du moniteur actuel? Je veux dire que si un utilisateur avec une résolution de 1600 * 1200 ouvre une image de 1900 * 1200, l'image doit être réduite pour s'adapter à la fenêtre.

Je peux utiliser jquery

Answer 1

Pourquoi ne pas simplement utiliser css?

.imgresize { 
    max-width: 100%; 
    max-height: 100%;   
} 

Answer 2

Regardez ici: Image resize to fit screen

autre: http://jsfiddle.net/jsNDW/1/

HTML

<img src="http://placehold.it/1950x550" class="imgresize"> 

Et JQUERY

var wWidth = $(window).width(); 
var wHeight = $(window).height(); 

$('.imgresize').each(function() { 
var imgWidth = $(this).width(); 
var imgHeight = $(this).height(); 

    if(imgWidth > wWidth) 
    { 
     $(this).width(wWidth); 
    } 

    if(imgHeight > wHeight) 
    { 
     $(this).width(wHeight); 
    } 

}); 


$(window).resize(function() { 
var wWidth = $(window).width(); 
var wHeight = $(window).height(); 

$('.imgresize').each(function() { 
var imgWidth = $(this).width(); 
var imgHeight = $(this).height(); 

    if(imgWidth > wWidth) 
    { 
     $(this).width(wWidth); 
    } 

    if(imgHeight > wHeight) 
    { 
     $(this).height(wHeight); 
    } 

}); 

});