Mercurial > dive4elements > website
comparison ocean_carousel.html @ 106:68f49d59b165
Moved D4E Ocean to new layout.
author | Tom Gottfried <tom@intevation.de> |
---|---|
date | Mon, 31 Mar 2014 18:12:45 +0200 |
parents | |
children | b142a13c7435 |
comparison
equal
deleted
inserted
replaced
105:abcfb1f3d11f | 106:68f49d59b165 |
---|---|
1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> | |
2 <ol class="carousel-indicators"> | |
3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | |
4 <li data-target="#myCarousel" data-slide-to="1"></li> | |
5 </ol> | |
6 <!-- Carousel items --> | |
7 <div class="carousel-inner"> | |
8 <div class="item active"> | |
9 <img src="img/gnv_profil.png" alt="Profilschnitt" class="img-responsive"> | |
10 <div class="carousel-caption"> | |
11 <p>Profilschnitt der klassifizierten Temperaturverteilung über die Tiefe in der Ostsee.</p> | |
12 </div> | |
13 </div> | |
14 <div class="item"> | |
15 <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive"> | |
16 <div class="carousel-caption"> | |
17 <p>Kartenausschnitt mit dynamisch errechnetem Horizontalschnitt | |
18 der Temperaturverteilung in Nord- und Ostsee | |
19 (temporär erzeugter WMS-Dienst)</p> | |
20 </div> | |
21 </div> | |
22 </div> | |
23 <!-- Carousel nav --> | |
24 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> | |
25 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> | |
26 </div><!-- /myCarousel --> |