slider.php
2.87 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<?php
/* @var $slider Slider*/
use common\models\Slider;
use yii\helpers\Html;
use yii\helpers\Url;
?>
<div class="carousel">
<?php foreach($slider->sliderImage as $image):
if($image->isActive()){
$htm = <<<HTML
<div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;">
</div>
<div class="12n content">
HTML;
if(!empty($image->end_at) && strtotime($image->end_at) > strtotime(date("Y-m-d"))){
?>
<div class="clock_style clock_<?= $image->primaryKey ?>"></div>
<script type="text/javascript">
var clock;
$(document).ready(function() {
var clock;
clock = $('.clock_<?= $image->primaryKey ?>').FlipClock({
clockFace: 'DailyCounter',
language: 'ru',
classes: {
active: 'flip-clock-active',
before: 'flip-clock-before',
divider: 'flip-clock-divider',
dot: 'flip-clock-dot',
label: 'flip-clock-label',
flip: 'flip',
play: 'play',
wrapper: 'flip-clock-wrapper'
},
});
clock.setTime(<?= strtotime($image->end_at) - strtotime(date("Y-m-d H:i:s"))?>);
clock.setCountdown(true);
clock.start();
});
</script>
<?php
}
if(!empty($image->price)) {
$htm .= <<<HTML
<div class="price_round_border">
<div class="price_round">
<div class="title">Супер цена</div>
<div class="desc">$image->price
<div>грн.</div>
</div>
</div>
</div>
HTML;
}
$htm .= <<<HTML
</div>
HTML;
?>
<div class="slide">
<?= Html::a($htm, Url::toRoute($image->url)); ?>
</div>
<?php }?>
<?php endforeach; ?>
</div>
<div style="clear:both;"></div>
<?php
$dur = $slider->duration ? $slider->duration : 5000;
$speed = $slider->speed ? $slider->speed : 500;
$js=" $(\".carousel\").owlCarousel({
items: 1,
loop: true,
nav: true,
startPosition: 2,
mouseDrag: false,
navSpeed: 800,
autoplay:true,
autoplayTimeout: $dur,
autoplaySpeed: $speed,
autoplayHoverPause:true,
navText: ['<a class=\"prev\"></a>', '<a class=\"next\"></a>']
});";
$this->registerJs($js);
?>