• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap - karuzela

Object Storage Arubacloud
0 głosów
917 wizyt
pytanie zadane 24 grudnia 2016 w HTML i CSS przez Sandraa Nowicjusz (170 p.)

Cześć! Nie chcąc przedłużać, przejdę do sedna. Chciałabym stworzyć slajder przy pomocy Bootstrap. Kod napisałam na podstawie tutoriali, dodałam bibliotekę jQuery :)  w wersji z serwerami CDN, ścieżki dostępu do grafik są poprawne, zainicjowałam JS'em i wszystko wskazuje na to, że karuzela powinna zmieniać slajdy, ale tego nie robi. Kropki nie działają. Ze strzałek zrezygnowałam celowo. Konsola mówi, że $('...').carousel nie jest funkcją. Dopiero zaczynam przygodę z JS i powiem szczerzę, że już brakuje mi pomysłów co może być źle, a problem pewnie jest trywialny. Proszę pomóżcie! crying

Bootsrap:

	<div id="slajder" class="carousel slide" data-ride="carousel">

		<ol class="carousel-indicators">
			<li data-target="#slajder" data-slide-to="0" class="active"></li>
			<li data-target="#slajder" data-slide-to="1"></li>
			<li data-target="#slajder" data-slide-to="2"></li>
			<li data-target="#slajder" data-slide-to="3"></li>
		</ol>

		<div class="carousel-inner"> 
		
		<div class="item active">
			<img src="css/grafika/slajd1.png">
		</div>

		<div class="item">
			<img src="css/grafika/slajd2.png">
		</div>

		<div class="item">
			<img src="css/grafika/slajd3.png">
		</div>

		<div class="item">
			<img src="css/grafika/slajd4.png">
		</div> 
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<srcipt src="js/bootstrap.js"></script>

	<script>
	var options = {
		interval: 2000,
		pause: 'hover',
		wrap: true
	};
	$('.carousel').carousel(options);
	</script>

 

1
komentarz 24 grudnia 2016 przez IBB Gaduła (3,020 p.)
A sprawdziłaś czy ścieżka dostępu do bootstrap.js jest poprawna i plik się ładuje?

1 odpowiedź

0 głosów
odpowiedź 24 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
komentarz 25 grudnia 2016 przez Sandraa Nowicjusz (170 p.)
Skopiowałam kod z w3schools i slajder działa (a to zdziwienie :P ). Zmieniłam ścieżkę dostępu do pliku bootsrtap.js,  na https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js w swoim kodzie i slajder dalej nie działa. Pewnie gdzieś jest literówka, której nie mogę znaleźć.

Dzięki wielkie za pomoc! Wesołych Świąt. :)

Podobne pytania

0 głosów
2 odpowiedzi 226 wizyt
pytanie zadane 25 kwietnia 2018 w HTML i CSS przez Dichstein Nowicjusz (120 p.)
0 głosów
0 odpowiedzi 101 wizyt
pytanie zadane 29 maja 2017 w HTML i CSS przez MTB Użytkownik (690 p.)
0 głosów
1 odpowiedź 339 wizyt
pytanie zadane 5 marca 2017 w HTML i CSS przez Daniel Kudyba Obywatel (1,260 p.)

92,555 zapytań

141,403 odpowiedzi

319,553 komentarzy

61,939 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...