_image_gallery.php
1.15 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
<div class="kites-gallery-wr">
<ul id="gallery">
<?php foreach($model->getGallery() as $image): ?>
<li class="small_items">
<a href="<?= $model->minImg($image, 'original'); ?>" title="" data-options="thumbnail: '<?= $image ?>'" class="thumbnail">
<img src="<?= $image; ?>" alt="" >
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
<script type="text/javascript">
$(function() {
$('.thumbnail').iLightBox(
{
skin: 'metro-black',
path: 'horizontal',
maxScale: 1.3,
overlay: {
opacity: .8
},
styles: {
nextOffsetX: 75,
nextOpacity: .55,
prevOffsetX: 75,
prevOpacity: .55
},
thumbnails: {
normalOpacity: .9,
activeOpacity: 1
},
controls: {
thumbnail: 1,
arrows: 1
}
});
});
</script>