Bilder auf die gesamte Seite ausdehnen

Es kam jetzt schon öfter vor, dass ich Bilder auf die gesamte Seite ausdehnen musste. Und nun hab ich ein sehr hilfreiches jquery plugin dazu entdeckt:

supersized

Das Ding ist großartig und damit gehts wirklich schnell:

1. die js und css Dateien einbinden:

2. das DIV mit den Bildern im body erstellen:

3. die Funktion aufrufen:

$(function(){
	$.fn.supersized.options = {
		startwidth: 640,
		startheight: 480,
		vertical_center: 1,
		slideshow: 1,
		navigation: 1,
		thumbnail_navigation: 1,
		transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
		pause_hover: 0,
		slide_counter: 1,
		slide_captions: 1,
		slide_interval: 3000,
		slides : [
			{image : 'img/100.jpg', title : 'Name1', url : 'img/100.jpg'},
			{image : 'img/200.jpg', title : 'Name2', url : 'img/200.jpg'}
		]
};
$('#supersized').supersized();