template.php
2.44 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
104
105
106
107
108
109
110
<link rel="stylesheet" href="/css/owl.theme.css">
<link rel="stylesheet" href="/css/owl.carousel.css">
<?
$images = $arResult['ITEMS'][0]->getImages('IMAGES');
?>
<? if($arResult['ITEMS'][0] && ($images)) { ?>
<i class="flaticon-search" id="previewer_toggle"></i>
<div class="project-galleries" id='object_head_gal'>
<div class="project-gallery _images js-project-gallery" data-type="images">
<div id="cursor">
<div id='cursor_inside'></div>
</div>
<div class="project-gallery-items">
<ul class="project_slider">
<?
$imgNumber = 1;
$prevNum = 0;
foreach($images as $img) {
if($imgNumber < 2 ) {
$previews[$prevNum] = $img;
$imgNumber++ ;
?>
<li class="project-gallery-item js-slide<? if($img->isPlan) { ?> _plan<? } ?>" style="background-image: url(<?= $img->getUrl() ?>)">
<? } elseif ($imgNumber >= 2) {
$previews[$prevNum] = $img;
$imgNumber++ ;
?>
<li class="project-gallery-item js-slide<? if($img->isPlan) { ?> _plan<? } ?>" data-original="<?= $img->getUrl() ?>" style="background-image: url(/img/empty.png)">
<? } ?>
<? if($desc = $img->getDescription()) { ?>
<h2 class="project-gallery-item-title-abs"><?= $desc ?></h2>
<? } ?>
</li>
<?
$prevNum ++;
} ?>
</ul>
</div>
<div class="project-gallery-previews">
<ul class="project-gallery-previews-wr js-project-previews">
<?
foreach($previews as $pr_key => $img) { // Построение превью
$ext = end(explode('.', $img->getUrl()));
$imgNumber++ ?>
<li>
<a href="#!" class="project-gallery-previews-item js-project-gallery-preview" data-goto="<?=$pr_key;?>" ><img src="<?= $img->getThumbUrl(array('width' => 204, 'height' => 127, 'type' => 'put_out')) ?>" alt="<?=$img->getDescription();?>"/></a>
</li>
<? } ?>
</ul>
<? } ?>
</div>
</div>
</div>