Slider mit Bildern: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Die Seite wurde neu angelegt: „-“ |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
- | Ein Beispiel wie so ein Slider aussehen kann finden Sie [http://www.uni-goettingen.de/en/slider+mit+bildern/582021.html hier]. | ||
Der dazugehörige Code lautet: | |||
<keinbr/> | |||
<nowiki><div class="row carousel-container"></nowiki> | |||
<nowiki><div id="gcms-slider" class="carousel slide" data-ride="carousel" data-interval="5000"></nowiki> | |||
<nowiki><ol class="carousel-indicators hidden-xs"></nowiki> | |||
<nowiki><li data-target="#gcms-slider" data-slide-to="0" class="active"></li></nowiki> | |||
<nowiki><li data-target="#gcms-slider" data-slide-to="1"></li></nowiki> | |||
<nowiki><li data-target="#gcms-slider" data-slide-to="2"></li></nowiki> | |||
<nowiki><li data-target="#gcms-slider" data-slide-to="3"></li></nowiki> | |||
<nowiki></ol></nowiki> | |||
<nowiki><div class="carousel-inner" role="listbox"></nowiki> | |||
<nowiki><div class="item active"></nowiki> | |||
<image id="89749"> | |||
<nowiki></div></nowiki> | |||
<nowiki><div class="item"></nowiki> | |||
<image id="89750"> | |||
<nowiki></div></nowiki> | |||
<nowiki><div class="item"></nowiki> | |||
<image id="89751"> | |||
<nowiki></div></nowiki> | |||
<nowiki><div class="item"></nowiki> | |||
<image id="89752"> | |||
<nowiki></div></nowiki> | |||
<nowiki></div></nowiki> | |||
<a class="left carousel-control" href="#gcms-slider" role="button" data-slide="prev"> | |||
<nowiki><span class="fa fa-chevron-left" aria-hidden="true"></span></nowiki> | |||
<nowiki><span class="sr-only">Zurück</span></nowiki> | |||
</a> | |||
<a class="right carousel-control" href="#gcms-slider" role="button" data-slide="next"> | |||
<nowiki><span class="fa fa-chevron-right" aria-hidden="true"></span></nowiki> | |||
<nowiki><span class="sr-only">Vor</span></nowiki> | |||
</a> | |||
<nowiki></div></nowiki> | |||
<nowiki></div></nowiki> | |||
Version vom 22. März 2018, 12:31 Uhr
Ein Beispiel wie so ein Slider aussehen kann finden Sie hier.
Der dazugehörige Code lautet:
<keinbr/> <div class="row carousel-container"> <div id="gcms-slider" class="carousel slide" data-ride="carousel" data-interval="5000"> <ol class="carousel-indicators hidden-xs"> <li data-target="#gcms-slider" data-slide-to="0" class="active"></li> <li data-target="#gcms-slider" data-slide-to="1"></li> <li data-target="#gcms-slider" data-slide-to="2"></li> <li data-target="#gcms-slider" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <image id="89749"> </div> <div class="item"> <image id="89750"> </div> <div class="item"> <image id="89751"> </div> <div class="item"> <image id="89752"> </div> </div> <a class="left carousel-control" href="#gcms-slider" role="button" data-slide="prev"> <span class="fa fa-chevron-left" aria-hidden="true"></span> <span class="sr-only">Zurück</span> </a> <a class="right carousel-control" href="#gcms-slider" role="button" data-slide="next"> <span class="fa fa-chevron-right" aria-hidden="true"></span> <span class="sr-only">Vor</span> </a> </div> </div>