Mercurial > dive4elements > website
annotate ocean_carousel.html @ 150:eb6b50914324
Let's serve JQuery.
author | tom@ahoernchen |
---|---|
date | Mon, 07 Apr 2014 16:56:45 +0200 |
parents | 0fde5a0aa153 |
children |
rev | line source |
---|---|
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
2 <ol class="carousel-indicators"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
4 <li data-target="#myCarousel" data-slide-to="1"></li> |
133 | 5 <li data-target="#myCarousel" data-slide-to="2"></li> |
6 <li data-target="#myCarousel" data-slide-to="3"></li> | |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
7 </ol> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
8 <!-- Carousel items --> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
9 <div class="carousel-inner"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
10 <div class="item active"> |
145
86ab18dbaad9
Changed carousel images.
Ariane Broermann <ariane@intevation.de>
parents:
133
diff
changeset
|
11 <img src="img/gnv_profil_11.png" alt="Profilschnitt" class="img-responsive"> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
12 <div class="carousel-caption"> |
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
13 <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
14 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
15 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
16 <div class="item"> |
145
86ab18dbaad9
Changed carousel images.
Ariane Broermann <ariane@intevation.de>
parents:
133
diff
changeset
|
17 <img src="img/gnv_karte_11.png" alt="Horizontalschnitt" class="img-responsive"> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
18 <div class="carousel-caption"> |
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
19 <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
20 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
21 </div> |
133 | 22 <div class="item"> |
145
86ab18dbaad9
Changed carousel images.
Ariane Broermann <ariane@intevation.de>
parents:
133
diff
changeset
|
23 <img src="img/gnv_marnet_11.png" alt="Marnet" class="img-responsive"> |
133 | 24 <div class="carousel-caption"> |
147
0fde5a0aa153
Replaced TODO titles in ocean carousel with more suited text.
Sascha L. Teichmann <teichmann@intevation.de>
parents:
145
diff
changeset
|
25 <p>Zeitreihen von Lufttemperaturen und Salzgehalten an einer Nordsee-Boje</p> |
133 | 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"> | |
147
0fde5a0aa153
Replaced TODO titles in ocean carousel with more suited text.
Sascha L. Teichmann <teichmann@intevation.de>
parents:
145
diff
changeset
|
31 <p>Wasserstandsmodelldaten entlang einer digitalisierten Route</p> |
133 | 32 </div> |
33 </div> | |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
34 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
35 <!-- Carousel nav --> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
36 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
37 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
38 </div><!-- /myCarousel --> |