[CSS][HTML][bootstrap 3] Slider w tle Opcje

[lukash82]

Witam,

Jest sobie taki fajny przykład slider-a w tle: http://mode87.com/untame/demo/carousel/background.html

Problem w tym, że jest to oparte o bootstrapa 2.3. Potrzebuję zmienić to do wersji 3.x. Niestety jakbym nie kombinował tak efekt przejścia pomiędzy zdjęciami w tle nie jest taki płynny tylko działa na zasadzie takiego gwałtownego przeskoku.

Zmieniłem kod wyświetlający zdjęcia zgodnie z nowszą wersją bs:

[HTML] pobierz, plaintext 
<div class='container'>
		<div id="myCarousel" class="carousel slide" data-ride="carousel">
			<div class="carousel-inner" role="listbox">
			<div class="item active"><img src="img/1.jpg" alt=""></div>
        		<div class="item"><img src="img/2.jpg" alt=""></div>
			<div class="item"><img src="img/3.jpg" alt=""></div>
			</div>
		</div>
	</div>
[HTML] pobierz, plaintext 

No i zmodyfikowałem też ten kawałek css, który jest w head tego przykładu:

[CSS] pobierz, plaintext 
.carousel { z-index: -99; }
		.carousel .item {
			position: fixed; 
			width: 100%; 	
			height: 100%;
			-webkit-transition:  opacity 1s;
			-o-transition:   opacity 1s;
			transition:   opacity 1s;
		}
		.carousel .active.left {
			left:0;
			opacity:0;
			z-index:2;
      	}
[CSS] pobierz, plaintext 

Niestety, ładnego efektu przejścia nadal brak. A do tego pomimo ustawienia width i height na 100% zdjęcie nie wypełnia całej strony. Macie może jakiś pomysł na to? Pozdrawiam, Ł.