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, Ł.

A może spróbuj się pobawić tu trochę JS albo jQuery?

Tylko tu nie ma co się bawić JS ani jQuery. Taki slider to gotowe rozwiązanie w bootstrapie. Trzeba to tylko upchnąć w tło, z-index-em i tyle. Jest tylko dziwna kwestia związana z tym przejściem kolejnych obrazków. CSS z bootstrap 2 działa, a z wersji 3 już nie chce. Mimo, że porównałem obydwa pliki i w kluczowych linijkach niczym się nie różnią. Nic, próbuje dalej bo pewnie to jakieś ustrojstwo, które okaże się oczywistą oczywistością na sam koniec. Chyba, że ktoś z Was już widzi w tym kodzie jakiegoś babola i może mi coś podpowiedzieć, to byłbym dźwięczny. Pozdrawiam,Ł.



Edit:
Problem rozwiązany. Jest pewna nieścisłość w nazewnictwie pomiędzy BS2 i BS3. A żeby było tego mało to są też delikatne różnice pomiędzy BS 3.1, 3.2, 3.4. Narazie wszystko ruszyło mi pod 3.1. Teraz muszę to ogarnąć pod 3.4. Pozdrawiam, Ł.