salve a tutti
è un po di tempo che sto cercando di far si che delle immagini visualizate sul mio sito non superino di larghezza e di altezza le dimensioni della finestra ma non ci riesco D=

ps: non funziona nemmeno la funzione che posiziona le immagini al centro della pagina

queste immagini vengono caricate tramite il metodo load

codice:
	$('<div id="sfondo_nero"></div>')
	.css('top', $(document).scrollTop())
	.fadeIn(500)
	.appendTo('body');
	
	$('<img />')
	.attr('src', $(this).attr('href'))
	.load(function() {
		dimensioneimmagine();
		posizionebox();
	})
	
	.click(function() {
		toglibox();
	})
	
	.appendTo('#sfondo_nero');
	
	return false;
});
	
function posizionebox() {
	var top = ($(window).height() - $('#sfondo_nero').height()) / 2;
	var left = ($(window).width() - $('#sfondo_nero').width()) /2;
	$(document).scrollTop()
	$('#sfondo_nero')
	.css({
		'top': top,
		'left': left
	})
	.fadeIn();		
}

function toglibox() {
	$('#sfondo_nero')
	.fadeOut('slow', function() {
		$(this).remove();
		$('body').css('overflow-y', 'auto');
	});
}

	function altezza_documento() {
		$(window).height()		
	}
	
		function larghezza_documento() {
		$(window).width()		
	}
	
function dimensioneimmagine() {
	if($(this).height > altezza_documento()) {
			$(this).css("height", "altezza_documento()+px") }
		if($(this).width > larghezza_documento()) {
			$(this).css("width", "larghezza_documento()+px") }
}
qual'è il problema? =(
se serve questo è il link della pagina
http://cactua.altervista.org/portfolionew/