_slider_view.php
1.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
/**
* @var SliderImage[] $images
*/
use common\models\SliderImage;
?>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php foreach ($images as $image) { ?>
<li data-target="#myCarousel" data-slide-to="<?php echo $image->slider_image_id; ?>" <?php
if ($image === reset($images)) echo 'class="active"';
?>>
</li>
<?php } ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php
foreach ($images as $image) {
?>
<div class="item <?php if ($image === reset($images)) echo 'active'; ?>">
<div class="slide_img" style="background-image:url('<?php echo $image->getImageUrl(); ?>');"></div>
</div>
<?php } ?>
</div>
<!-- Left and right controls -->
<a class="carbut left" href="#myCarousel" role="button" data-slide="prev">
</a>
<a class="carbut right" href="#myCarousel" role="button" data-slide="next">
</a>
</div>