Mit Jquery ändern Sie die Werte für Höhe und Breite des Bildes im Verhältnis zum Browser-Problem

Habe ich diese Hälfte aber, wenn ich versuchen, und erstellen Sie eine if-Anweisung, um die Breite zu ändern zu sein '100%' und die Höhe 'auto' und Umgekehrt je nachdem, welcher Teil des Bildes ist größer, dass es einfach nicht ändern. verursacht das Bild zu gehen, von der Seite.

Hier ist der code, den ich versuche zu bekommen arbeiten

(function() {

var img = document.getElementById('maincontent').firstChild;
img.onload = function() {
if(img.width > img.height) {
    img.width = '100%';
    img.height = 'auto';
}
};
}());

So, ich bin grabing die img, die das Kind des maincontent-div, dann ändern Sie die Werte für Höhe und Breite, wenn nötig. Aber es scheint einfach nicht zu aktivieren.

Habe ich das andere Stück code, das funktioniert gut und ich Hinzugefügt die Breite und Höhe ändern, um das Ende der code-und es funktioniert immer noch nicht. Wenn ich die Grenze Teil, es tut fügen Sie die Grenze, damit ich weiß, der code sollte funktionieren.

$('#thumbs img').click(function(){ 
 /* On a thumbnail click */
var src = $(this).attr("src").match(/[^\.]+/) + "large.jpg";
$('#maincontent img').attr("src", src);
$('#thumbs img').removeClass('inact').addClass('act');
$(this).removeClass('act').addClass('inact');
$('#maincontent img').width = '100%';
$('#maincontent img').height = 'auto';
$('#maincontent img').attr('border', '10px');

});
});

So ändern Sie die src des Bildes funktioniert,
so macht das Attribut der Grenze, aber die Breite und Höhe ändert sich nicht. Wer weiß, warum? Wenn die Menschen mehr brauchen, um mit zu arbeiten lassen Sie mich wissen.