tom@106: <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> tom@106: <ol class="carousel-indicators"> tom@106: <li data-target="#myCarousel" data-slide-to="0" class="active"></li> tom@106: <li data-target="#myCarousel" data-slide-to="1"></li> ariane@133: <li data-target="#myCarousel" data-slide-to="2"></li> ariane@133: <li data-target="#myCarousel" data-slide-to="3"></li> tom@106: </ol> tom@106: <!-- Carousel items --> tom@106: <div class="carousel-inner"> tom@106: <div class="item active"> ariane@145: <img src="img/gnv_profil_11.png" alt="Profilschnitt" class="img-responsive"> tom@106: <div class="carousel-caption"> tom@121: <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> tom@106: </div> tom@106: </div> tom@106: <div class="item"> ariane@145: <img src="img/gnv_karte_11.png" alt="Horizontalschnitt" class="img-responsive"> tom@106: <div class="carousel-caption"> tom@121: <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> tom@106: </div> tom@106: </div> ariane@133: <div class="item"> ariane@145: <img src="img/gnv_marnet_11.png" alt="Marnet" class="img-responsive"> ariane@133: <div class="carousel-caption"> teichmann@147: <p>Zeitreihen von Lufttemperaturen und Salzgehalten an einer Nordsee-Boje</p> ariane@133: </div> ariane@133: </div> ariane@133: <div class="item"> ariane@133: <img src="img/gnv_modelldaten_1.png" alt="Modelldaten" class="img-responsive"> ariane@133: <div class="carousel-caption"> teichmann@147: <p>Wasserstandsmodelldaten entlang einer digitalisierten Route</p> ariane@133: </div> ariane@133: </div> tom@106: </div> tom@106: <!-- Carousel nav --> tom@106: <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> tom@106: <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> tom@106: </div><!-- /myCarousel -->