26 lines
1.3 KiB
HTML
26 lines
1.3 KiB
HTML
|
<link rel="stylesheet" type="text/css" href="/api/bootstrap/4.3.1/css/bootstrap.min.css" />
|
||
|
|
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
||
|
|
<div class="carousel-inner">
|
||
|
|
{section name=customer loop=$sliders}
|
||
|
|
{if $sliders[customer].id}
|
||
|
|
<div class="carousel-item {if ($sliders[customer].id==$first_slider)}active{/if}">
|
||
|
|
<img class="d-block w-100" src="/img/slider/{$sliders[customer].img}.jpg" alt="Первый слайд">
|
||
|
|
<div class="carousel-caption d-none d-md-block">
|
||
|
|
<h3>{$sliders[customer].h3}</h3>
|
||
|
|
<p><a href="{$sliders[customer].link}" class="slider-link">{$sliders[customer].txt}</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/if}
|
||
|
|
{/section}
|
||
|
|
</div>
|
||
|
|
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
|
||
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
|
|
<span class="sr-only">Previous</span>
|
||
|
|
</a>
|
||
|
|
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
|
||
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
|
|
<span class="sr-only">Next</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<script src="/api/jquery/jquery-3.4.1.min.js" ></script>
|
||
|
|
<script src="/api/bootstrap/4.3.1/js/bootstrap.min.js" ></script>
|