/
default.htm
58 lines (47 loc) · 2.17 KB
/
default.htm
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
{##}
{# You only need the previous line if you use the OctoberCMS Template Language extension in VS Code #}
{# You can map any component property to a local page variable this way:{% set galleryitems = __SELF__.gallery.items %} #}
{% if __SELF__.error %}
<div class="alert zen-alert">{{ __SELF__.error }}</div>
{% endif %}
{% if gallery.items|length > 0 %}
<div>
<div id="{{__SELF__.id}}" style="display:none;">
{# If you are replacing this with your own template, you can use a straight twig filter as follows:
<img src="{{ galleryitem.url | resize(280, false, { mode: 'portrait', quality: '90', extension: 'png' }) }}"></img>
#}
{% for galleryitem in gallery.items.sortBy(gallery.sortBy, SORT_REGULAR, gallery.sortDirection == 'DESC' ? true : false) %}
<img alt="{{ galleryitem.title }}" src="{{ galleryitem.galleryItemSrc }}"
data-image="{{ galleryitem.url }}"
data-description="{{ galleryitem.description }}"
data-title="{{ galleryitem.title }}" />
<div data-type="html5video"
data-image="http://video-js.zencoder.com/oceans-clip.png"
data-videoogv="http://video-js.zencoder.com/oceans-clip.ogv"
data-videowebm="http://video-js.zencoder.com/oceans-clip.webm"
data-videomp4="http://video-js.zencoder.com/oceans-clip.mp4"
data-title="Birds"
data-description="html5 video description"></div>
{% endfor %}
</div>
</div>
{% put scripts %}
<script type="text/javascript">
// UniteGallery: https://github.com/vvvmax/unitegallery/
jQuery(document).ready(function(){
{# If we have a custom script set (in the November Gallery backend configuration page), then simply o/p that: #}
{% if __SELF__.customVideoGalleryScript %}
{{ __SELF__.customVideoGalleryScript|raw }}
{% else %}
uniteGalleryApi = jQuery("{{ __SELF__.videoGalleryItemsSelector ?: __SELF__.id }}").unitegallery({
{{ __SELF__.defaultVideoGalleryOptions|raw }}
// Add additional options here!
// See: http://unitegallery.net/index.php?page=tiles-columns-options
// For example:
// tiles_col_width: 280, //column width - exact or base according the settings
});
{% endif %}
});
</script>
{% endput %}
{% endif %}