Bootstrap Carousel miért nem indul el?
Itt próbálom részletezni a problémámat. Szabályosan bt oldaláról vettel le a Carousel-t, csatoltam hozzá bt-4 js-t is:
Kód:
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="d-block img-fluid" src="bootstrap-3.3.7-dist/img/slider/Cherry_slider.jpg" alt="Los Angeles">
</div>
<div class="item">
<img class="d-block img-fluid" src="bootstrap-3.3.7-dist/img/slider/nevjegy_slider.jpg" alt="Chicago">
</div>
<div class="item">
<img class="d-block img-fluid" src="bootstrap-3.3.7-dist/img/slider/Budapest_slider.jpg" alt="New York">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Előző</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Következő</span>
</a>
</div>
Js:
$('#myCarousel').carousel({
/*
default = 5000
milisec / false,
*/
interval: 3000,
/*
default = true
true / false
*/
keyboard: true
})
De nem akar elindulni... Tud valaki segíteni, miért nem?
A <head> részben meg kell adni a Bootstrap Javascript fájljának teljes elérési útvonalát. Vagy a CDN verzióját. Itt megtalálod a szükséges kódót [link]
Illeszd be a html fájlod fejrészébe.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!