Slider mit Bildern

Aus GCMS Hilfe
Wechseln zu: Navigation, Suche

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>