javascript - Bootstrap Carousel interval alteration -


I have a website that uses bootstrap carousel Here's my code:

  & Lt; Div id = "slider" & gt; & Lt; Div id = "carousel-bounding-box" & gt; & Lt; Div class = "carousel slide" id = "mycarousel" & gt; & Lt; Div class = "carousel-interior" & gt; & Lt ;? Php if ($ images = get_field ('image', $ design_id)) {foreach ($ image => image as the key of $) {$ active = $ key == 0? 'Active': ''; Echo 'item' data-interval = "1000" & gt; '; Echo '& lt; Img src = "'$ image [' image '] [' size '] [' big ']' 'echo' '/ div & gt;';}}? & Gt; & lt; / div & gt; & Lt; a class = "left carousel-control" href = "# myCarousel" role = "button" data-slide = "back" gt; & lt; span class = "glyphicon glyphicon-chevron-left" & gt; Lt; / span & gt; & lt; / a & gt; & lt; a class = "right carousel-control" href = "# myCarousel" role = "button" data-slide = "next" & gt; ; Span class = "glyphicon glyphicon-chevron-right">    
& lt; / Div>

This is my jQuery:

  jQuery (document) .ready (function ($) {$ ('# myCarousel'). Carousel ($ {Interval: 1000}); $ ('# carousel -text ') .HTML ($ (' # slide-content-0 '). Html ()); // Carousel thumbnail $ (' [id = hindola-selector -] '). Click (function () { Var id_selector = $ (this) .attr ("id"); var id = id_selector.substr (id_selector.length -1); var id = parseInt (id); $ ('#MyCarousel') carousel (id).} ); // When updating the carousel slides, auto $ $ ('# myCarousel') text. ('Slid.bs.carousel', function (e) {var id = $ ('Item.active'). Data ('slide number'); $ ('# hindola-lesson'). Html ($ (' # Slide-content- '+ ID) .html ());}); (Function ($) {fakewaffle.responsiveTabs (['xs', 'sm']);}); });  

I changed the interval: Interval from 5000: 1000 because there is a delay when the slider loads the item when the page loads. Sliders are loaded completely and quickly, changing the interval from 1000, but now the slide items need to be slower because they are faster between slides.

I think the problem is "active" state, a slide / image has not been given after the interval

Any help would be greatly appreciated

< / Div>

The code used to fix is:

  jquery (document) .ready (function ($) {$ ('# MyCarousel'). Carousel ({interval: 3000}); $ ('# MyCarousel .item: first'). AddClass ('active');});  

Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -