j1m_gallery 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.md +21 -0
- data/README.md +41 -0
- data/_data/modules/default/j1_gallery-0.0.1/j1_justified_gallery.yml +285 -0
- data/_data/resources/default/j1_gallery-0.0.1/resource.yml +24 -0
- data/assets/images/gallery/down_the_water/1-1600.jpg +0 -0
- data/assets/images/gallery/down_the_water/2-1600.jpg +0 -0
- data/assets/images/gallery/down_the_water/3-1600.jpg +0 -0
- data/assets/images/gallery/justified_gallery/13824322785_104dc0968c_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/13824322785_104dc0968c_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/13824674674_ca1e482394_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/13824674674_ca1e482394_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/16961685188_f130144d60_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/16961685188_f130144d60_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/23753792354_bd75d8dabc_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/23753792354_bd75d8dabc_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/24014174029_2cfa940264_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/24014174029_2cfa940264_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/24096687789_c37d45712f_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/24096687789_c37d45712f_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6791628438_affaa19e10_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6791628438_affaa19e10_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6798453217_72dea2d06e_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6798453217_72dea2d06e_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6806687375_07d2b7a1f9_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6806687375_07d2b7a1f9_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6812090617_5fd5bbdda0_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6812090617_5fd5bbdda0_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6840627709_92ed52fb41_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6840627709_92ed52fb41_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6841267340_855273fd7e_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6841267340_855273fd7e_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6876412479_6268c6e2aa_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6876412479_6268c6e2aa_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6880502467_d4b3c4b2a8_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6880502467_d4b3c4b2a8_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6916180091_9c9559e463_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/6916180091_9c9559e463_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7002395006_29fdc85f7a_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7002395006_29fdc85f7a_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7062575651_b23918b11a_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7062575651_b23918b11a_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7822678460_ee98ff1f69_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7822678460_ee98ff1f69_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7948632554_01f6ae6b6f_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/7948632554_01f6ae6b6f_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8157236803_78aa1698b6_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8157236803_78aa1698b6_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8400794773_932654a20e_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8400794773_932654a20e_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8811828736_88392f614a_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8811828736_88392f614a_m.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8842312290_f310d491f4_b.jpg +0 -0
- data/assets/images/gallery/justified_gallery/8842312290_f310d491f4_m.jpg +0 -0
- data/assets/images/gallery/old_times/image_01.jpg +0 -0
- data/assets/images/gallery/old_times/image_02.jpg +0 -0
- data/assets/images/gallery/old_times/image_03.jpg +0 -0
- data/assets/images/gallery/old_times/image_04.jpg +0 -0
- data/assets/themes/j1/j1/js/adapters/owl_carousel.js +206 -0
- data/assets/themes/j1/owl_carousel/LICENSE +20 -0
- data/assets/themes/j1/owl_carousel/README.md +74 -0
- data/assets/themes/j1/owl_carousel/bower.json +14 -0
- data/assets/themes/j1/owl_carousel/changelog.html +278 -0
- data/assets/themes/j1/owl_carousel/css/owl_carousel.css +86 -0
- data/assets/themes/j1/owl_carousel/css/owl_carousel.min.css +21 -0
- data/assets/themes/j1/owl_carousel/css/owl_transitions.css +178 -0
- data/assets/themes/j1/owl_carousel/css/owl_transitions.min.css +21 -0
- data/assets/themes/j1/owl_carousel/css/themes/j1_template.css +168 -0
- data/assets/themes/j1/owl_carousel/css/themes/sample/j1_sample.less +184 -0
- data/assets/themes/j1/owl_carousel/css/themes/sample/j1_samples.css +523 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage1.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage2.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage3.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage4.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage5.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage6.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/fullimage7.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl1.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl2.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl3.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl4.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl5.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl6.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl7.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/assets/owl8.jpg +0 -0
- data/assets/themes/j1/owl_carousel/demo/autoHeight.html +335 -0
- data/assets/themes/j1/owl_carousel/demo/click.html +365 -0
- data/assets/themes/j1/owl_carousel/demo/custom.html +417 -0
- data/assets/themes/j1/owl_carousel/demo/customJson.html +358 -0
- data/assets/themes/j1/owl_carousel/demo/full.html +321 -0
- data/assets/themes/j1/owl_carousel/demo/images.html +325 -0
- data/assets/themes/j1/owl_carousel/demo/itemsCustom.html +372 -0
- data/assets/themes/j1/owl_carousel/demo/json.html +336 -0
- data/assets/themes/j1/owl_carousel/demo/json/customData.json +28 -0
- data/assets/themes/j1/owl_carousel/demo/json/data.json +18 -0
- data/assets/themes/j1/owl_carousel/demo/lazyLoad.html +338 -0
- data/assets/themes/j1/owl_carousel/demo/manipulations.html +515 -0
- data/assets/themes/j1/owl_carousel/demo/navOnTop.html +395 -0
- data/assets/themes/j1/owl_carousel/demo/navOnTop2.html +325 -0
- data/assets/themes/j1/owl_carousel/demo/one.html +318 -0
- data/assets/themes/j1/owl_carousel/demo/owlStatus.html +461 -0
- data/assets/themes/j1/owl_carousel/demo/progressBar.html +471 -0
- data/assets/themes/j1/owl_carousel/demo/randomOrder.html +416 -0
- data/assets/themes/j1/owl_carousel/demo/scaleup.html +328 -0
- data/assets/themes/j1/owl_carousel/demo/sync.html +569 -0
- data/assets/themes/j1/owl_carousel/demo/transitions.html +330 -0
- data/assets/themes/j1/owl_carousel/images/ajax-loader.gif +0 -0
- data/assets/themes/j1/owl_carousel/images/apple-touch-icon-114-precomposed.png +0 -0
- data/assets/themes/j1/owl_carousel/images/apple-touch-icon-144-precomposed.png +0 -0
- data/assets/themes/j1/owl_carousel/images/apple-touch-icon-57-precomposed.png +0 -0
- data/assets/themes/j1/owl_carousel/images/apple-touch-icon-72-precomposed.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/controls.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/css3.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/feather.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/grab.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/modern.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/multi.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/responsive.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/tons.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/touch.png +0 -0
- data/assets/themes/j1/owl_carousel/images/demo-slides/zombie.png +0 -0
- data/assets/themes/j1/owl_carousel/images/favicon.png +0 -0
- data/assets/themes/j1/owl_carousel/images/glyphicons-halflings-green.png +0 -0
- data/assets/themes/j1/owl_carousel/images/glyphicons-halflings-white.png +0 -0
- data/assets/themes/j1/owl_carousel/images/glyphicons-halflings.png +0 -0
- data/assets/themes/j1/owl_carousel/images/grabbing.png +0 -0
- data/assets/themes/j1/owl_carousel/images/owl-logo.png +0 -0
- data/assets/themes/j1/owl_carousel/images/owl.video.play.png +0 -0
- data/assets/themes/j1/owl_carousel/index.html +912 -0
- data/assets/themes/j1/owl_carousel/js/owl_carousel.js +1517 -0
- data/assets/themes/j1/owl_carousel/js/owl_carousel.min.js +57 -0
- data/assets/videos/gallery/example/video1-poster.jpg +0 -0
- data/assets/videos/gallery/example/video1-thumb.jpg +0 -0
- data/assets/videos/gallery/example/video1.mp4 +0 -0
- data/assets/videos/gallery/example/video2-poster.jpg +0 -0
- data/assets/videos/gallery/example/video2-thumb.jpg +0 -0
- data/assets/videos/gallery/example/video2.mp4 +0 -0
- data/assets/videos/gallery/example/video3-poster.jpg +0 -0
- data/assets/videos/gallery/example/video3-thumb.jpg +0 -0
- data/assets/videos/gallery/example/video3.mp4 +0 -0
- data/assets/videos/gallery/example/video4-poster.jpg +0 -0
- data/assets/videos/gallery/example/video4-thumb.jpg +0 -0
- data/assets/videos/gallery/example/video4.mp4 +0 -0
- data/exe/console +14 -0
- data/exe/setup +8 -0
- data/lib/j1m_gallery.rb +5 -0
- data/lib/j1m_gallery/version.rb +3 -0
- metadata +236 -0
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,206 @@
|
|
1
|
+
---
|
2
|
+
regenerate: false
|
3
|
+
---
|
4
|
+
|
5
|
+
{% capture cache %}
|
6
|
+
|
7
|
+
{% comment %}
|
8
|
+
# -----------------------------------------------------------------------------
|
9
|
+
# J1: ~/assets/themes/j1/j1/js/adapters/owl_carousel.js
|
10
|
+
# Liquid JS template to create the J1 Adapter for the Owl Carousel
|
11
|
+
#
|
12
|
+
# Product/Info:
|
13
|
+
# http://jekyll.one
|
14
|
+
#
|
15
|
+
# Copyright (C) 2016 Juergen Adams
|
16
|
+
# Copyright (C) 2016 Bartosz Wojciechowski
|
17
|
+
#
|
18
|
+
# J1 Template is licensed under the MIT License.
|
19
|
+
# Owl Carousel is licensed under the MIT License.
|
20
|
+
# For details, see https://jekyll.one
|
21
|
+
#
|
22
|
+
# -----------------------------------------------------------------------------
|
23
|
+
# Test data:
|
24
|
+
# {{ config | debug }}
|
25
|
+
# -----------------------------------------------------------------------------
|
26
|
+
{% endcomment %}
|
27
|
+
|
28
|
+
/*
|
29
|
+
# -----------------------------------------------------------------------------
|
30
|
+
# J1: ~/assets/themes/j1/j1/js/adapters/owl_carousel.js
|
31
|
+
# JS Adapter for the Owl Carousel
|
32
|
+
#
|
33
|
+
# Product/Info:
|
34
|
+
# http://jekyll.one
|
35
|
+
#
|
36
|
+
# Copyright (C) 2016 Juergen Adams
|
37
|
+
# Copyright (C) 2016 Bartosz Wojciechowski
|
38
|
+
#
|
39
|
+
# J1 Template is licensed under the MIT License.
|
40
|
+
# Owl Carousel is licensed under the MIT License.
|
41
|
+
# For details, see https://jekyll.one
|
42
|
+
#
|
43
|
+
# -----------------------------------------------------------------------------
|
44
|
+
# Adapter generated: {{site.time}}
|
45
|
+
# -----------------------------------------------------------------------------
|
46
|
+
*/
|
47
|
+
|
48
|
+
{% assign environment = site.environment %}
|
49
|
+
|
50
|
+
{% assign config = site.data.modules.j1_owl_carousel %}
|
51
|
+
{% assign default_options = site.data.modules.j1_owl_carousel.default %}
|
52
|
+
|
53
|
+
{% if config.enabled %}
|
54
|
+
|
55
|
+
{% assign slider_id = '' %}
|
56
|
+
|
57
|
+
var J1OwlCarousel = function () {
|
58
|
+
return {
|
59
|
+
// Initialize
|
60
|
+
init: function () {
|
61
|
+
// jQuery slider options
|
62
|
+
{% for item in config.carousel %}
|
63
|
+
|
64
|
+
{% if item.show.enabled %}
|
65
|
+
{% assign slider_id = item.show.id %}
|
66
|
+
{% assign slider_title = item.show.title %}
|
67
|
+
{% assign slider_type = item.show.type %}
|
68
|
+
{% assign css_classes = item.show.css_classes %}
|
69
|
+
{% assign lazyLoad = item.show.lightbox %}
|
70
|
+
|
71
|
+
// Create an Carousel INSTANCE if slider on id: {{ slider_id }} exists
|
72
|
+
if ( $('#{{slider_id}}').length ) {
|
73
|
+
|
74
|
+
{% if environment == 'development' %}
|
75
|
+
var start = moment();
|
76
|
+
var finished = '';
|
77
|
+
var elapsed = '';
|
78
|
+
var log_text = "[" +start.format("HH:mm:ss.SSS")+ "] J1 ADAPTER: Owl Carousel Slider for ID {{ slider_id }} being initialized .."
|
79
|
+
console.log( log_text );
|
80
|
+
{% endif %}
|
81
|
+
|
82
|
+
{% if item.show.slide_height != null %}
|
83
|
+
// Set slide_height: {{item.show.slide_height}}vh
|
84
|
+
{% assign slide_height = item.show.slide_height %}
|
85
|
+
$('head').append("<style>.owl-carousel .item{height: {{slide_height}}vh;}</style>");
|
86
|
+
{% endif %}
|
87
|
+
|
88
|
+
{% if item.show.slide_space_between %}
|
89
|
+
{% assign slide_space = item.show.slide_space_between %}
|
90
|
+
{% else %}
|
91
|
+
{% assign slide_space = 3 %}
|
92
|
+
{% endif %}
|
93
|
+
|
94
|
+
{% if item.show.slide_border %}
|
95
|
+
{% assign slide_border = "thumbnail" %}
|
96
|
+
{% else %}
|
97
|
+
{% assign slide_border = "" %}
|
98
|
+
{% endif %}
|
99
|
+
|
100
|
+
{% if slider_title %}
|
101
|
+
var slider_title = '<div class="j1-owl-carouselblock"><div class="title">{{slider_title}}</div></div>';
|
102
|
+
$('#{{ slider_id }}').before( slider_title );
|
103
|
+
{% endif %}
|
104
|
+
|
105
|
+
$('head').append("<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>");
|
106
|
+
//$('.{{slider_id}}-item').parent().addClass('owl-carousel');
|
107
|
+
//$('.owl-carousel .item').css('margin','{{slide_space}}px');
|
108
|
+
|
109
|
+
{% comment %}
|
110
|
+
// Initialize default parameters
|
111
|
+
$("#{{ slider_id }}").owlCarousel({
|
112
|
+
{% for option in default_options %}
|
113
|
+
{{ option[0] | json }}: {{ option[1] | json }},
|
114
|
+
{% endfor %}
|
115
|
+
});
|
116
|
+
{% endcomment %}
|
117
|
+
|
118
|
+
// Initialize individual show parameters
|
119
|
+
$("#{{ slider_id }}").owlCarousel({
|
120
|
+
{% for option in item.show.options %}
|
121
|
+
{{ option[0] | json }}: {{ option[1] | json }},
|
122
|
+
{% endfor %}
|
123
|
+
// Enable lazyLoad if lightbox is enabled
|
124
|
+
{% if item.show.lightbox %}
|
125
|
+
"lazyLoad": true,
|
126
|
+
{% endif %}
|
127
|
+
"jsonPath": {{ config.jsonPath | json }},
|
128
|
+
"jsonSuccess": customDataSuccess_{{forloop.index }}
|
129
|
+
});
|
130
|
+
// Initialize instance variable
|
131
|
+
{{ slider_id }} = $('#{{ slider_id }}').data('owlCarousel');
|
132
|
+
|
133
|
+
// jQuery show data functions
|
134
|
+
function customDataSuccess_{{forloop.index}}(data){
|
135
|
+
var content = "";
|
136
|
+
for ( var i in data["{{ slider_id }}"] ) {
|
137
|
+
{% if slider_type == 'image' %}
|
138
|
+
var lb = data["{{ slider_id }}"][i].lb;
|
139
|
+
var lb_caption = data["{{ slider_id }}"][i].lb_caption;
|
140
|
+
var img = data["{{ slider_id }}"][i].img;
|
141
|
+
var alt = data["{{ slider_id }}"][i].alt;
|
142
|
+
{% endif %}
|
143
|
+
{% if slider_type == 'text' %}
|
144
|
+
var text = data["{{ slider_id }}"][i].text;
|
145
|
+
{% endif %}
|
146
|
+
var href = data["{{ slider_id }}"][i].href;
|
147
|
+
{% if css_classes %}
|
148
|
+
var css_classes = 'class="{{ css_classes }}";'
|
149
|
+
{% else %}
|
150
|
+
var css_classes = ''
|
151
|
+
{% endif %}
|
152
|
+
|
153
|
+
{% if slider_type == 'image' %}
|
154
|
+
// If lightbox is enabled (preference over href)
|
155
|
+
if ( lb ) {
|
156
|
+
if ( lb_caption ) {
|
157
|
+
content += '\t\t' + '<div class="item {{slider_id}}-item {{slide_border}}">'+ '\n';
|
158
|
+
content += '\t\t\t' + '<a href="' +img+ '" ' + 'data-lightbox="{{ slider_id }}" data-title="' +lb_caption+ '">' + '\n';
|
159
|
+
content += '\t\t\t\t' + '<img class="lazyOwl" src="' +img+ '">' + '\n';
|
160
|
+
content += '\t\t\t' + '</a>' + '\n';
|
161
|
+
if ( href ) {
|
162
|
+
content += '\t\t\t' + '<span class="carousel-caption"><a href="' +href+ '">' +lb_caption+ '</a> </span>' + '\n';
|
163
|
+
} else {
|
164
|
+
content += '\t\t\t' + '<span class="carousel-caption">' +lb_caption+ '</span>' + '\n';
|
165
|
+
}
|
166
|
+
content += '\t\t' + '</div>' + '\n';
|
167
|
+
} else {
|
168
|
+
content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{ slider_id }}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>'
|
169
|
+
}
|
170
|
+
} else if ( href ) {
|
171
|
+
content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
|
172
|
+
} else {
|
173
|
+
content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
|
174
|
+
}
|
175
|
+
{% endif %}
|
176
|
+
|
177
|
+
{% if slider_type == 'text' %}
|
178
|
+
if ( href ) {
|
179
|
+
content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>'
|
180
|
+
} else {
|
181
|
+
content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>'
|
182
|
+
}
|
183
|
+
{% endif %}
|
184
|
+
}
|
185
|
+
$("#{{ slider_id }}").html(content);
|
186
|
+
|
187
|
+
{% if environment == 'development' %}
|
188
|
+
finished = moment();
|
189
|
+
elapsed = finished.diff(start)
|
190
|
+
log_text = "[" +finished.format("HH:mm:ss.SSS")+ "] J1 ADAPTER: Owl Carousel Slider for ID {{ slider_id }} initializing finished. {" +elapsed+ "}"
|
191
|
+
console.log( log_text );
|
192
|
+
{% endif %}
|
193
|
+
|
194
|
+
} // end customDataSuccess_{{forloop.index}}
|
195
|
+
} // end if carousel exists
|
196
|
+
{% endif %}
|
197
|
+
{% endfor %}
|
198
|
+
} // end init
|
199
|
+
}; // end return
|
200
|
+
}();
|
201
|
+
|
202
|
+
{% endif %} // Owl Slider enabled
|
203
|
+
|
204
|
+
{% endcapture %}
|
205
|
+
{{ cache | strip_empty_lines }}
|
206
|
+
{% assign cache = nil %}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2013
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
6
|
+
this software and associated documentation files (the "Software"), to deal in
|
7
|
+
the Software without restriction, including without limitation the rights to
|
8
|
+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
9
|
+
the Software, and to permit persons to whom the Software is furnished to do so,
|
10
|
+
subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
17
|
+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
18
|
+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
19
|
+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
20
|
+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@@ -0,0 +1,74 @@
|
|
1
|
+
##New version 2.0.0-beta now available for testers. [Check it](http://www.owlgraphic.com/owlcarousel2/)
|
2
|
+
|
3
|
+
### OwlCarousel ###
|
4
|
+
>v.1.3.3
|
5
|
+
|
6
|
+
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
|
7
|
+
[Visit Owl Carousel landing page](http://owlgraphic.com/owlcarousel)
|
8
|
+
|
9
|
+
###Features:
|
10
|
+
* Responsive
|
11
|
+
* Touch Events
|
12
|
+
* Mouse Slide Events
|
13
|
+
* Fully Customizable
|
14
|
+
* Choose the number of items to be displayed
|
15
|
+
* Multiple Sliders
|
16
|
+
* CSS3 3d Transitions
|
17
|
+
* Custimizable controls
|
18
|
+
* JSON
|
19
|
+
* Custom events
|
20
|
+
* Helpful callbacks
|
21
|
+
|
22
|
+
> Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrom on Google Nexus.
|
23
|
+
|
24
|
+
|
25
|
+
### More Demos
|
26
|
+
See what Owl can do:
|
27
|
+
* [With auto scaling images](http://owlgraphic.com/owlcarousel/demos/images.html)
|
28
|
+
* [Full Width](http://owlgraphic.com/owlcarousel/demos/full.html)
|
29
|
+
* [Custom Widths](http://owlgraphic.com/owlcarousel/demos/custom.html)
|
30
|
+
* [One Item](http://owlgraphic.com/owlcarousel/demos/one.html)
|
31
|
+
* [More demos](http://owlgraphic.com/owlcarousel/#more-demos)
|
32
|
+
|
33
|
+
### 1.Getting Started
|
34
|
+
Load jQuery(1.7+) and include Owl Carousel plugin files
|
35
|
+
|
36
|
+
```html
|
37
|
+
<!-- Basic stylesheet -->
|
38
|
+
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
|
39
|
+
|
40
|
+
<!-- Default Theme -->
|
41
|
+
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
|
42
|
+
|
43
|
+
<!-- Include js plugin -->
|
44
|
+
<script src="owl-carousel/owl.carousel.js"></script>
|
45
|
+
```
|
46
|
+
### 2.Set up your HTML
|
47
|
+
You don't need any special markup. All you need is to wrap your divs inside the container element <div class="owl-carousel">. Class "owl-carousel" is mandatory to apply proper styles that come from owl.carousel.css file.
|
48
|
+
|
49
|
+
```html
|
50
|
+
<div class="owl-carousel">
|
51
|
+
<div> Your Content </div>
|
52
|
+
<div> Your Content </div>
|
53
|
+
<div> Your Content </div>
|
54
|
+
<div> Your Content </div>
|
55
|
+
<div> Your Content </div>
|
56
|
+
<div> Your Content </div>
|
57
|
+
<div> Your Content </div>
|
58
|
+
...
|
59
|
+
</div>
|
60
|
+
```
|
61
|
+
### 3.Call the plugin
|
62
|
+
Now call the Owl initializer function and your carousel is ready.
|
63
|
+
|
64
|
+
```html
|
65
|
+
$(".owl-carousel").owlCarousel();
|
66
|
+
```
|
67
|
+
### 4. For more details visit [OwlCarousel landing page](http://owlgraphic.com/owlcarousel)
|
68
|
+
##### Changelog available [here](http://owlgraphic.com/owlcarousel/changelog.html)
|
69
|
+
|
70
|
+
|
71
|
+
|
72
|
+
License
|
73
|
+
------------
|
74
|
+
The MIT License (MIT)
|
@@ -0,0 +1,278 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>Owl Carousel - Changelog</title>
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7
|
+
<meta name="description" content="jQuery Responsive Carousel - Owl Carusel">
|
8
|
+
<meta name="author" content="Bartosz Wojciechowski">
|
9
|
+
|
10
|
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700' rel='stylesheet' type='text/css'>
|
11
|
+
<link href="assets/css/bootstrapTheme.css" rel="stylesheet">
|
12
|
+
<link href="assets/css/custom.css" rel="stylesheet">
|
13
|
+
|
14
|
+
<!-- Owl Carousel Assets -->
|
15
|
+
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
|
16
|
+
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
|
17
|
+
|
18
|
+
<!-- Prettify -->
|
19
|
+
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
|
20
|
+
|
21
|
+
|
22
|
+
<!-- Le fav and touch icons -->
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
|
24
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
|
25
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
|
26
|
+
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
|
27
|
+
<link rel="shortcut icon" href="assets/ico/favicon.png">
|
28
|
+
</head>
|
29
|
+
<body>
|
30
|
+
|
31
|
+
<div id="top-nav" class="navbar navbar-fixed-top">
|
32
|
+
<div class="navbar-inner">
|
33
|
+
<div class="container">
|
34
|
+
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
35
|
+
<span class="icon-bar"></span>
|
36
|
+
<span class="icon-bar"></span>
|
37
|
+
<span class="icon-bar"></span>
|
38
|
+
</button>
|
39
|
+
<div class="nav-collapse collapse">
|
40
|
+
<ul class="nav pull-right">
|
41
|
+
<li><a href="index.html"><i class="icon-chevron-left"></i> Back to Frontpage</a></li>
|
42
|
+
<li><a href="owl.carousel.zip" class="download download-on" data-spy="affix" data-offset-top="450">Download</a></li>
|
43
|
+
</ul>
|
44
|
+
<ul class="nav pull-left">
|
45
|
+
|
46
|
+
</ul>
|
47
|
+
</div>
|
48
|
+
</div>
|
49
|
+
</div>
|
50
|
+
</div>
|
51
|
+
|
52
|
+
<div id="changelog" class="container">
|
53
|
+
<div class="row">
|
54
|
+
<div class="span12">
|
55
|
+
<h1>Changelog</h1>
|
56
|
+
|
57
|
+
<div class="span12 log">
|
58
|
+
<span class="label label-success">v1.3.3</span> <span class="label">12.05.2014</span>
|
59
|
+
<ul>
|
60
|
+
<li>Fixed $.data issue. ( This resolved jQuery1.7.1 issues )</li>
|
61
|
+
<li>Added minified version by Google Closure compiler.</li>
|
62
|
+
</ul>
|
63
|
+
</div>
|
64
|
+
|
65
|
+
<div class="span12 log">
|
66
|
+
<span class="label label-success">v1.3.2</span> <span class="label">13.01.2014</span>
|
67
|
+
<ul>
|
68
|
+
<li>Changed semantic versioning v1.32 > v1.3.2</li>
|
69
|
+
<li>Clean-up the code</li>
|
70
|
+
<li>Move out transitons styls to owl.transitions.css file</li>
|
71
|
+
|
72
|
+
</ul>
|
73
|
+
</div>
|
74
|
+
|
75
|
+
<div class="span12 log">
|
76
|
+
<span class="label label-success">v1.31</span> <span class="label">21.11.2013</span>
|
77
|
+
<ul>
|
78
|
+
<li>Fixed startDrag event</li>
|
79
|
+
<li>Included awesome <code>itemsCustom</code> function. <a href="demos/itemsCustom.html">See demo</a>. Big thanks to <a href="https://github.com/nchankov">Nik Chankov</a> for code, demo and description.</li>
|
80
|
+
<li>Fixed sync <a href="demos/sync.html">demo</a></li>
|
81
|
+
</ul>
|
82
|
+
</div>
|
83
|
+
|
84
|
+
<div class="span12 log">
|
85
|
+
<span class="label label-success">v1.3</span> <span class="label">18.11.2013</span>
|
86
|
+
<ul>
|
87
|
+
<li>Fixed startDragging callback - now it pass correct "this" value</li>
|
88
|
+
<li>Updated owl status method with dragDirection information</li>
|
89
|
+
<li>Fixed updating prevItem on owl status object</li>
|
90
|
+
<li>Included support for lazy load background images</li>
|
91
|
+
<li>Added afterLazyLoad callback(thx JaySala)</li>
|
92
|
+
<li>Removed "opacity=0" style while using destroy method.</li>
|
93
|
+
<li>Fixed afterMove callback. Now its fire only when you successfull slide.</li>
|
94
|
+
<li>Disable drag gestures if there is no items outside viewport.</li>
|
95
|
+
<li><code>scrollByPage</code> works with darg gestures now. </li>
|
96
|
+
<li>Removed slide animation on changing browser width.</li>
|
97
|
+
<li>Added <a href="demos/owlStatus.html">Owl Status</a> and <a href="demos/sync.html">Sync</a> demos.</li>
|
98
|
+
</ul>
|
99
|
+
</div>
|
100
|
+
|
101
|
+
<div class="span12 log">
|
102
|
+
<span class="label label-success">v1.29</span> <span class="label">11.11.2013</span>
|
103
|
+
<ul>
|
104
|
+
<li>Disabled right click event</li>
|
105
|
+
<li>Prevented ghostclicking on Android Chrome browser</li>
|
106
|
+
<li>Added visibleItems loop for future functions.</li>
|
107
|
+
</ul>
|
108
|
+
</div>
|
109
|
+
|
110
|
+
<div class="span12 log">
|
111
|
+
<span class="label label-success">v1.28</span> <span class="label">30.10.2013</span>
|
112
|
+
<ul>
|
113
|
+
<li>Included <code>itemsScaleUp:false</code> method</li>
|
114
|
+
<li>Included <a href="demos/scaleup.html">scaleUp demo</a></li>
|
115
|
+
<li>Allowing to set options via data attributes ( THX zerghiomario)</li>
|
116
|
+
</ul>
|
117
|
+
</div>
|
118
|
+
|
119
|
+
<div class="span12 log">
|
120
|
+
<span class="label label-success">v1.27</span> <span class="label">17.10.2013</span>
|
121
|
+
<ul>
|
122
|
+
<li>Fixed <code>destroy</code> method</li>
|
123
|
+
</ul>
|
124
|
+
</div>
|
125
|
+
|
126
|
+
<div class="span12 log">
|
127
|
+
<span class="label label-success">v1.26</span> <span class="label">11.10.2013</span>
|
128
|
+
<ul>
|
129
|
+
<li>Fixed autoPlay on CSS3 Transitions (Thanks Matuus)</li>
|
130
|
+
<li>Added <code>lazyEffect : "fade"</code></li>
|
131
|
+
</ul>
|
132
|
+
</div>
|
133
|
+
|
134
|
+
<div class="span12 log">
|
135
|
+
<span class="label label-success">v1.25</span> <span class="label">10.10.2013</span>
|
136
|
+
<ul>
|
137
|
+
<li>Fixed lazyLoad ( THX to Aaron Layton )</li>
|
138
|
+
</ul>
|
139
|
+
</div>
|
140
|
+
|
141
|
+
|
142
|
+
<div class="span12 log">
|
143
|
+
<span class="label label-success">v1.24</span> <span class="label">09.10.2013</span>
|
144
|
+
<ul>
|
145
|
+
<li>Updated lazyLoad</li>
|
146
|
+
<li>Included <code>beforeUpdate</code> and <code>afterUpdate</code> callbacks</li>
|
147
|
+
<li>Included <code>dragBeforeAnimFinish:true</code> option to ignore whether a transition is done or not. Thanks to Euxneks</li>
|
148
|
+
<li>Included <code>destroy</code>, <code>reinit</code>, <code>addItem</code> and <code>removeItem</code> methods</li>
|
149
|
+
<li>Added Manipulations demo</li>
|
150
|
+
<li>Fix to force 3d in browsers that can handle it.</li>
|
151
|
+
<li>Fixed disableTextSelect event</li>
|
152
|
+
<li>Fixed watchVisibility function</li>
|
153
|
+
<li>Fixed click and drag event bug on win7 Chrome(thanks to Anydog)</li>
|
154
|
+
<li>Fixed click events on IE8</li>
|
155
|
+
<li>Thanks to all contributors and bug finders :)</li>
|
156
|
+
</ul>
|
157
|
+
</div>
|
158
|
+
|
159
|
+
<div class="span12 log">
|
160
|
+
<span class="label label-success">v1.23</span> <span class="label">28.09.2013</span>
|
161
|
+
<ul>
|
162
|
+
<li>Included CSS3 Transitions. <a href="demos/transitions.html">See demo</a></li>
|
163
|
+
<li>Fix typo on main demo</li>
|
164
|
+
<li>Fixed opacity bug while carousel was hidden (thx seanjacob)</li>
|
165
|
+
<li>General cleanup</li>
|
166
|
+
<li>Removed <code>goToFirst</code> from options list.</li>
|
167
|
+
<li>Changed name <code>goToFirstSpeed</code> to <code>rewindSpeed</code></li>
|
168
|
+
<li>Changed name <code>goToFirstNav</code> to <code>rewindNav</code></li>
|
169
|
+
<li>Included <code>responsiveBaseWidth</code> options. Use it if you need responsivnes based on your own element width instead of the window width.</li>
|
170
|
+
<li>Included <code>"owl.goTo"</code> custom event</li>
|
171
|
+
<li>Included <code>"owl.jumpTo"</code> custom event</li>
|
172
|
+
<li>Included new width <code>itemsTabletSmall : false</code></li>
|
173
|
+
</ul>
|
174
|
+
</div>
|
175
|
+
|
176
|
+
<div class="span12 log">
|
177
|
+
<span class="label label-success">v1.22</span> <span class="label">15.09.2013</span>
|
178
|
+
<ul>
|
179
|
+
<li>Better detection of touch events</li>
|
180
|
+
<li>Add <code>active</code> class if <code>singleItem</code> is true - <b>It is not working now.</b> Please include <code>addClassActive:true</code> option to get "active" classes on visible items. Works with any numbers of items on screen.</li>
|
181
|
+
<li>Changed option name from <code>mouseDraggable</code> to <code>mouseDrag</code></li>
|
182
|
+
<li>Also added <code>touchDrag</code> to disable touch events</li>
|
183
|
+
<li>Fixed issues on Chrome working on windows 8 touch-enabled PC. Now touch and mouse drag events work together.(Thanks for help to Monsieur Moustache!)</li>
|
184
|
+
<li>Included base element in parameter for callbacks <code>afterAction</code>, <code>beforeMove</code> and <code>afterMove</code></li>
|
185
|
+
<li>IE8 responsive fix</li>
|
186
|
+
<li>Improved autoHeight function</li>
|
187
|
+
<li>Added touchcancel event. That fixed Android Chrome scrolling issues.</li>
|
188
|
+
<li>Included Progress Bar demo.</li>
|
189
|
+
<li>Fixed some spellings</li>
|
190
|
+
<li>Slightly updated prettify style</li>
|
191
|
+
</ul>
|
192
|
+
</div>
|
193
|
+
|
194
|
+
<div class="span12 log">
|
195
|
+
<span class="label label-success">v1.21</span> <span class="label">07.09.2013</span>
|
196
|
+
<ul>
|
197
|
+
<li>Check if base.owlControlls are present before calling methods on them</li>
|
198
|
+
<li>Correct the spelling of 'controls'</li>
|
199
|
+
<li>Rename 'autplaySpeed' to 'autoPlaySpeed'</li>
|
200
|
+
<li>IE7 owl-theme css demo fix</li>
|
201
|
+
<li><code>disable</code> class on navigation only if goToFirstNav set to false</li>
|
202
|
+
<li>Cleaner code (thanks to Stravid)</li>
|
203
|
+
<li>Added carousel selector element parameter to 'afterInit' callback</li>
|
204
|
+
<li>Changed scrollPerPageNav to scrollPerPage</li>
|
205
|
+
<li>Add <code>active</code> class if <code>singleItem</code> is true</li>
|
206
|
+
</ul>
|
207
|
+
</div>
|
208
|
+
<div class="span12 log">
|
209
|
+
<span class="label label-success">v1.2</span> <span class="label">05.09.2013</span>
|
210
|
+
<ul>
|
211
|
+
<li>Fixed capture click event</li>
|
212
|
+
<li>Navigation text accepts html now</li>
|
213
|
+
<li>Added <code>goToFirstNav</code> option and is set to true.</li>
|
214
|
+
<li>Added <code>scrollPerPage</code> option. For navigation only.</li>
|
215
|
+
<li>Added <code>responsiveRefreshRate</code> option.</li>
|
216
|
+
<li>Included five callbacks: <code>beforeInit</code>, <code>afterInit</code>, <code>beforeMove</code>, <code>afterMove</code>, <code>afterAction</code></li>
|
217
|
+
<li>Included <code>lazyLoad</code> function with <code>lazyFollow</code> sub-option</li>
|
218
|
+
<li>Included <code>autoHeight</code> option.</li>
|
219
|
+
<li>Included <code>jsonPath</code> function with <code>jsonSuccess</code> callback</li>
|
220
|
+
<li>Included <code>mouseDraggable</code> option</li>
|
221
|
+
<li>Four new demos on landing page</li>
|
222
|
+
<li>Added Changelog and faq</li>
|
223
|
+
<li>Change Custom demo page</li>
|
224
|
+
</ul>
|
225
|
+
</div>
|
226
|
+
</div>
|
227
|
+
</div>
|
228
|
+
</div>
|
229
|
+
|
230
|
+
<div id="footer">
|
231
|
+
<div class="container">
|
232
|
+
<div class="row">
|
233
|
+
<div class="span12">
|
234
|
+
<h5>Bartosz Wojciechowski 2013 / @OwlFonk /
|
235
|
+
<a href="mailto:owl@owlgraphic.com?subject=Hey Owl!">email</a> /
|
236
|
+
<a href="changelog.html">changelog</a> /
|
237
|
+
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EFSGXZS7V2U9N">donate</a> /
|
238
|
+
</h5>
|
239
|
+
</div>
|
240
|
+
</div>
|
241
|
+
</div>
|
242
|
+
</div>
|
243
|
+
|
244
|
+
|
245
|
+
<script src="assets/js/jquery-1.9.1.min.js"></script>
|
246
|
+
<script src="owl-carousel/owl.carousel.js"></script>
|
247
|
+
|
248
|
+
<!-- Frontpage Demo -->
|
249
|
+
<script>
|
250
|
+
jQuery(document).ready(function($) {
|
251
|
+
$("#owl-example").owlCarousel();
|
252
|
+
});
|
253
|
+
|
254
|
+
$("body").data("page", "frontpage");
|
255
|
+
|
256
|
+
</script>
|
257
|
+
<script src="assets/js/bootstrap-collapse.js"></script>
|
258
|
+
<script src="assets/js/bootstrap-transition.js"></script>
|
259
|
+
|
260
|
+
<script src="assets/js/google-code-prettify/prettify.js"></script>
|
261
|
+
<script src="assets/js/application.js"></script>
|
262
|
+
|
263
|
+
<script>
|
264
|
+
var owldomain = window.location.hostname.indexOf("owlgraphic");
|
265
|
+
if(owldomain !== -1){
|
266
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
267
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
268
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
269
|
+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
270
|
+
|
271
|
+
ga('create', 'UA-41541058-1', 'owlgraphic.com');
|
272
|
+
ga('send', 'pageview');
|
273
|
+
}
|
274
|
+
|
275
|
+
</script>
|
276
|
+
|
277
|
+
</body>
|
278
|
+
</html>
|