title: Bootstrap carousel and show display different text accordingly to current slide
body: <p>I have a bootstrap carousel and I want to display a text accordingly to slides in the paragraph under the carousel. Is there any jquery way how to do that?</p>
  
  <p>ie. first slide, text "Hi!"; second slide, "Lorem ipsum dolor sit amet..."</p>
  
  <p>my carousel:
      
                        
                        
                          </li>
                          </li>
                          </li>
                          </li>
                        </p>
  
  <pre><code>                  &lt;!-- Wrapper for slides --&gt;
                    &lt;div class="carousel-inner" role="listbox"&gt;                
                      &lt;div class="item active"&gt;
                        &lt;img src="img/krok_02.png" alt="ommo 2"&gt;
                      &lt;/div&gt;
  
                      &lt;div class="item"&gt;
                        &lt;img src="img/krok_03.png" alt="ommo 3"&gt;
                      &lt;/div&gt;
  
                      &lt;div class="item"&gt;
                        &lt;img src="img/krok_04.png" alt="ommo 4"&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
  
                    &lt;!-- Left and right controls --&gt;
                    &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
                      &lt;span class="glyphicon-chevron-left" aria-hidden="true"&gt;&lt;img src="img/sipka_leva.png" alt="&lt;"&gt;&lt;/span&gt;
                      &lt;span class="sr-only"&gt;Předchozí&lt;/span&gt;
                    &lt;/a&gt;
                    &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
                      &lt;span class="glyphicon-chevron-right" aria-hidden="true"&gt;&lt;img src="img/sipka_prava.png" alt="&gt;"&gt;&lt;/span&gt;
                      &lt;span class="sr-only"&gt;Následující&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And I want to display the text into a paragraph with an id "text".</p>
  
  <p>I have found this topic, but I'm not clever from that, anybody could explain me how to make it? I'm new to jquery and I would really appreciate it.</p>
  
  <p><a href="https://stackoverflow.com/questions/30349019/jquery-boostrap-carousel-show-content-according-to-current-slide">jQuery Boostrap Carousel Show content according to current slide</a></p>