Mercurial > dive4elements > website
comparison ocean_carousel.html @ 133:1387a5add21d
Insert images.
| author | Ariane Broermann <ariane@intevation.de> |
|---|---|
| date | Thu, 03 Apr 2014 14:12:06 +0200 |
| parents | b142a13c7435 |
| children | 86ab18dbaad9 |
comparison
equal
deleted
inserted
replaced
| 132:ebdf28acb5aa | 133:1387a5add21d |
|---|---|
| 1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> | 1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> |
| 2 <ol class="carousel-indicators"> | 2 <ol class="carousel-indicators"> |
| 3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | 3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| 4 <li data-target="#myCarousel" data-slide-to="1"></li> | 4 <li data-target="#myCarousel" data-slide-to="1"></li> |
| 5 <li data-target="#myCarousel" data-slide-to="2"></li> | |
| 6 <li data-target="#myCarousel" data-slide-to="3"></li> | |
| 5 </ol> | 7 </ol> |
| 6 <!-- Carousel items --> | 8 <!-- Carousel items --> |
| 7 <div class="carousel-inner"> | 9 <div class="carousel-inner"> |
| 8 <div class="item active"> | 10 <div class="item active"> |
| 9 <img src="img/gnv_profil.png" alt="Profilschnitt" class="img-responsive"> | 11 <img src="img/gnv_profil_1.png" alt="Profilschnitt" class="img-responsive"> |
| 10 <div class="carousel-caption"> | 12 <div class="carousel-caption"> |
| 11 <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> | 13 <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> |
| 12 </div> | 14 </div> |
| 13 </div> | 15 </div> |
| 14 <div class="item"> | 16 <div class="item"> |
| 15 <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive"> | 17 <img src="img/gnv_karte_1.png" alt="Horizontalschnitt" class="img-responsive"> |
| 16 <div class="carousel-caption"> | 18 <div class="carousel-caption"> |
| 17 <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> | 19 <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> |
| 20 </div> | |
| 21 </div> | |
| 22 <div class="item"> | |
| 23 <img src="img/gnv_marnet_1.png" alt="Marnet" class="img-responsive"> | |
| 24 <div class="carousel-caption"> | |
| 25 <p>TODO: Bildtitel eintragen!</p> | |
| 26 </div> | |
| 27 </div> | |
| 28 <div class="item"> | |
| 29 <img src="img/gnv_modelldaten_1.png" alt="Modelldaten" class="img-responsive"> | |
| 30 <div class="carousel-caption"> | |
| 31 <p>TODO: Bildtitel eintragen!</p> | |
| 18 </div> | 32 </div> |
| 19 </div> | 33 </div> |
| 20 </div> | 34 </div> |
| 21 <!-- Carousel nav --> | 35 <!-- Carousel nav --> |
| 22 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> | 36 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |