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();

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.