Commit fead6679adcdc765b54bc8667e1f0b71fc5dabb1
1 parent
0f1e81ae
карусель 2
Showing
1 changed file
with
7 additions
and
42 deletions
Show diff stats
frontend/views/site/index.php
... | ... | @@ -24,52 +24,17 @@ $this->registerJs($js, View::POS_END); |
24 | 24 | <div id="main-page"> |
25 | 25 | <section class="no-mb main-slider"> |
26 | 26 | |
27 | - <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> | |
28 | - <div class="carousel-inner"> | |
29 | 27 | <?php |
30 | - /** | |
31 | - * @var $slide \common\models\Slide | |
32 | - */ | |
28 | + $slideItems = []; | |
33 | 29 | foreach ($slider->slides as $slide){ |
34 | - echo '<div class="carousel-item">'; | |
35 | - echo $slide->lang->image->getImg( | |
36 | - [ | |
37 | - 'class' => "d-block w-100" | |
38 | - ] | |
39 | - ); | |
40 | - echo "</div>"; | |
41 | - | |
42 | - ?> | |
43 | - | |
44 | - | |
45 | - | |
46 | -<!-- <div class="carousel-item active">--> | |
47 | -<!-- <img class="d-block w-100" src="..." alt="First slide">--> | |
48 | -<!-- </div>--> | |
49 | -<!-- <div class="carousel-item">--> | |
50 | -<!-- <img class="d-block w-100" src="..." alt="Second slide">--> | |
51 | -<!-- </div>--> | |
52 | -<!-- <div class="carousel-item">--> | |
53 | -<!-- <img class="d-block w-100" src="..." alt="Third slide">--> | |
54 | -<!-- </div>--> | |
55 | - | |
56 | - | |
57 | - | |
58 | - <?php | |
59 | - | |
30 | + $slideItems[] = $slide->lang->image->getImg(); | |
60 | 31 | } |
32 | + echo \yii\bootstrap\Carousel::widget( | |
33 | + [ | |
34 | + 'items' => $slideItems | |
35 | + ] | |
36 | + ); | |
61 | 37 | ?> |
62 | - | |
63 | - </div> | |
64 | - <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> | |
65 | - <span class="carousel-control-prev-icon" aria-hidden="true"></span> | |
66 | - <span class="sr-only">Previous</span> | |
67 | - </a> | |
68 | - <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> | |
69 | - <span class="carousel-control-next-icon" aria-hidden="true"></span> | |
70 | - <span class="sr-only">Next</span> | |
71 | - </a> | |
72 | - </div> | |
73 | 38 | <!-- тут место для слайдера --> |
74 | 39 | </section> |
75 | 40 | ... | ... |