HTML

		<div id="wrapper">
			<h3>Resize your browser and wacht the images resize along with it.</h3>
			<div id="inner">
				<div id="carousel">
					<img src="img/carnaval1.jpg" alt="carnaval1" width="600" height="400" />
					<img src="img/carnaval2.jpg" alt="carnaval2" width="600" height="400" />
					<img src="img/carnaval3.jpg" alt="carnaval3" width="600" height="400" />
					<img src="img/carnaval4.jpg" alt="carnaval4" width="600" height="400" />
					<img src="img/carnaval5.jpg" alt="carnaval5" width="600" height="400" />
					<img src="img/carnaval6.jpg" alt="carnaval6" width="600" height="400" />
					<img src="img/carnaval7.jpg" alt="carnaval7" width="600" height="400" />
					<img src="img/carnaval8.jpg" alt="carnaval8" width="600" height="400" />
					<img src="img/carnaval9.jpg" alt="carnaval9" width="600" height="400" />
					<img src="img/carnaval10.jpg" alt="carnaval10" width="600" height="400" />
				</div>
			</div>
		</div>
	

JavaScript

			$(function() {
				$('#carousel').carouFredSel({
					responsive: true,
					scroll: 1,
					items: {
						width: 300,
						height: '66%',
						visible: {
							min: 2,
							max: 5
						}
					}
				});
			});
		

CSS

			html, body {
				height: 100%;
				padding: 0;
				margin: 0;
			}
			body {
				background-color: #ddd;
				position: relative;
			}
			html > body {
				height: auto;
				min-height: 100%;
				min-width: 500px;
			}
			body * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				color: #333;
				line-height: 22px;
			}

			#wrapper {
				background-color: #f6f6f6;
				box-shadow: 0 0 10px #aaa;
				width: 80%;
				height: 100%;
				margin: 0;
				position: absolute;
				left: 10%;
				top: 0;
			}
			#wrapper h3 {
				font-size: 20px;
				text-align: center;
				color: #999;
				margin: 0;
				padding-top: 50px;
			}
			#inner {
				width: 100%;
				height: 400px;
				overflow: hidden;
				position: absolute;
				top: 50%;
				left: 0;
				margin: -100px 0 0 0;
			}
			#carousel img {
				height: auto;
				border: none;
				display: block;
				float: left;
				padding: 0 10px;
			}