Bilder auf die gesamte Seite ausdehnen


February 21, 2011 at 11:42
jQuery

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

Hinterlasse einen Kommentar:
Suche