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

[patwoj98]

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

[lukash82]

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

Ten post edytował lukash82 16.06.2015, 08:33:58