j1m_gallery 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +21 -0
  3. data/README.md +41 -0
  4. data/_data/modules/default/j1_gallery-0.0.1/j1_justified_gallery.yml +285 -0
  5. data/_data/resources/default/j1_gallery-0.0.1/resource.yml +24 -0
  6. data/assets/images/gallery/down_the_water/1-1600.jpg +0 -0
  7. data/assets/images/gallery/down_the_water/2-1600.jpg +0 -0
  8. data/assets/images/gallery/down_the_water/3-1600.jpg +0 -0
  9. data/assets/images/gallery/justified_gallery/13824322785_104dc0968c_b.jpg +0 -0
  10. data/assets/images/gallery/justified_gallery/13824322785_104dc0968c_m.jpg +0 -0
  11. data/assets/images/gallery/justified_gallery/13824674674_ca1e482394_b.jpg +0 -0
  12. data/assets/images/gallery/justified_gallery/13824674674_ca1e482394_m.jpg +0 -0
  13. data/assets/images/gallery/justified_gallery/16961685188_f130144d60_b.jpg +0 -0
  14. data/assets/images/gallery/justified_gallery/16961685188_f130144d60_m.jpg +0 -0
  15. data/assets/images/gallery/justified_gallery/23753792354_bd75d8dabc_b.jpg +0 -0
  16. data/assets/images/gallery/justified_gallery/23753792354_bd75d8dabc_m.jpg +0 -0
  17. data/assets/images/gallery/justified_gallery/24014174029_2cfa940264_b.jpg +0 -0
  18. data/assets/images/gallery/justified_gallery/24014174029_2cfa940264_m.jpg +0 -0
  19. data/assets/images/gallery/justified_gallery/24096687789_c37d45712f_b.jpg +0 -0
  20. data/assets/images/gallery/justified_gallery/24096687789_c37d45712f_m.jpg +0 -0
  21. data/assets/images/gallery/justified_gallery/6791628438_affaa19e10_b.jpg +0 -0
  22. data/assets/images/gallery/justified_gallery/6791628438_affaa19e10_m.jpg +0 -0
  23. data/assets/images/gallery/justified_gallery/6798453217_72dea2d06e_b.jpg +0 -0
  24. data/assets/images/gallery/justified_gallery/6798453217_72dea2d06e_m.jpg +0 -0
  25. data/assets/images/gallery/justified_gallery/6806687375_07d2b7a1f9_b.jpg +0 -0
  26. data/assets/images/gallery/justified_gallery/6806687375_07d2b7a1f9_m.jpg +0 -0
  27. data/assets/images/gallery/justified_gallery/6812090617_5fd5bbdda0_b.jpg +0 -0
  28. data/assets/images/gallery/justified_gallery/6812090617_5fd5bbdda0_m.jpg +0 -0
  29. data/assets/images/gallery/justified_gallery/6840627709_92ed52fb41_b.jpg +0 -0
  30. data/assets/images/gallery/justified_gallery/6840627709_92ed52fb41_m.jpg +0 -0
  31. data/assets/images/gallery/justified_gallery/6841267340_855273fd7e_b.jpg +0 -0
  32. data/assets/images/gallery/justified_gallery/6841267340_855273fd7e_m.jpg +0 -0
  33. data/assets/images/gallery/justified_gallery/6876412479_6268c6e2aa_b.jpg +0 -0
  34. data/assets/images/gallery/justified_gallery/6876412479_6268c6e2aa_m.jpg +0 -0
  35. data/assets/images/gallery/justified_gallery/6880502467_d4b3c4b2a8_b.jpg +0 -0
  36. data/assets/images/gallery/justified_gallery/6880502467_d4b3c4b2a8_m.jpg +0 -0
  37. data/assets/images/gallery/justified_gallery/6916180091_9c9559e463_b.jpg +0 -0
  38. data/assets/images/gallery/justified_gallery/6916180091_9c9559e463_m.jpg +0 -0
  39. data/assets/images/gallery/justified_gallery/7002395006_29fdc85f7a_b.jpg +0 -0
  40. data/assets/images/gallery/justified_gallery/7002395006_29fdc85f7a_m.jpg +0 -0
  41. data/assets/images/gallery/justified_gallery/7062575651_b23918b11a_b.jpg +0 -0
  42. data/assets/images/gallery/justified_gallery/7062575651_b23918b11a_m.jpg +0 -0
  43. data/assets/images/gallery/justified_gallery/7822678460_ee98ff1f69_b.jpg +0 -0
  44. data/assets/images/gallery/justified_gallery/7822678460_ee98ff1f69_m.jpg +0 -0
  45. data/assets/images/gallery/justified_gallery/7948632554_01f6ae6b6f_b.jpg +0 -0
  46. data/assets/images/gallery/justified_gallery/7948632554_01f6ae6b6f_m.jpg +0 -0
  47. data/assets/images/gallery/justified_gallery/8157236803_78aa1698b6_b.jpg +0 -0
  48. data/assets/images/gallery/justified_gallery/8157236803_78aa1698b6_m.jpg +0 -0
  49. data/assets/images/gallery/justified_gallery/8400794773_932654a20e_b.jpg +0 -0
  50. data/assets/images/gallery/justified_gallery/8400794773_932654a20e_m.jpg +0 -0
  51. data/assets/images/gallery/justified_gallery/8811828736_88392f614a_b.jpg +0 -0
  52. data/assets/images/gallery/justified_gallery/8811828736_88392f614a_m.jpg +0 -0
  53. data/assets/images/gallery/justified_gallery/8842312290_f310d491f4_b.jpg +0 -0
  54. data/assets/images/gallery/justified_gallery/8842312290_f310d491f4_m.jpg +0 -0
  55. data/assets/images/gallery/old_times/image_01.jpg +0 -0
  56. data/assets/images/gallery/old_times/image_02.jpg +0 -0
  57. data/assets/images/gallery/old_times/image_03.jpg +0 -0
  58. data/assets/images/gallery/old_times/image_04.jpg +0 -0
  59. data/assets/themes/j1/j1/js/adapters/owl_carousel.js +206 -0
  60. data/assets/themes/j1/owl_carousel/LICENSE +20 -0
  61. data/assets/themes/j1/owl_carousel/README.md +74 -0
  62. data/assets/themes/j1/owl_carousel/bower.json +14 -0
  63. data/assets/themes/j1/owl_carousel/changelog.html +278 -0
  64. data/assets/themes/j1/owl_carousel/css/owl_carousel.css +86 -0
  65. data/assets/themes/j1/owl_carousel/css/owl_carousel.min.css +21 -0
  66. data/assets/themes/j1/owl_carousel/css/owl_transitions.css +178 -0
  67. data/assets/themes/j1/owl_carousel/css/owl_transitions.min.css +21 -0
  68. data/assets/themes/j1/owl_carousel/css/themes/j1_template.css +168 -0
  69. data/assets/themes/j1/owl_carousel/css/themes/sample/j1_sample.less +184 -0
  70. data/assets/themes/j1/owl_carousel/css/themes/sample/j1_samples.css +523 -0
  71. data/assets/themes/j1/owl_carousel/demo/assets/fullimage1.jpg +0 -0
  72. data/assets/themes/j1/owl_carousel/demo/assets/fullimage2.jpg +0 -0
  73. data/assets/themes/j1/owl_carousel/demo/assets/fullimage3.jpg +0 -0
  74. data/assets/themes/j1/owl_carousel/demo/assets/fullimage4.jpg +0 -0
  75. data/assets/themes/j1/owl_carousel/demo/assets/fullimage5.jpg +0 -0
  76. data/assets/themes/j1/owl_carousel/demo/assets/fullimage6.jpg +0 -0
  77. data/assets/themes/j1/owl_carousel/demo/assets/fullimage7.jpg +0 -0
  78. data/assets/themes/j1/owl_carousel/demo/assets/owl1.jpg +0 -0
  79. data/assets/themes/j1/owl_carousel/demo/assets/owl2.jpg +0 -0
  80. data/assets/themes/j1/owl_carousel/demo/assets/owl3.jpg +0 -0
  81. data/assets/themes/j1/owl_carousel/demo/assets/owl4.jpg +0 -0
  82. data/assets/themes/j1/owl_carousel/demo/assets/owl5.jpg +0 -0
  83. data/assets/themes/j1/owl_carousel/demo/assets/owl6.jpg +0 -0
  84. data/assets/themes/j1/owl_carousel/demo/assets/owl7.jpg +0 -0
  85. data/assets/themes/j1/owl_carousel/demo/assets/owl8.jpg +0 -0
  86. data/assets/themes/j1/owl_carousel/demo/autoHeight.html +335 -0
  87. data/assets/themes/j1/owl_carousel/demo/click.html +365 -0
  88. data/assets/themes/j1/owl_carousel/demo/custom.html +417 -0
  89. data/assets/themes/j1/owl_carousel/demo/customJson.html +358 -0
  90. data/assets/themes/j1/owl_carousel/demo/full.html +321 -0
  91. data/assets/themes/j1/owl_carousel/demo/images.html +325 -0
  92. data/assets/themes/j1/owl_carousel/demo/itemsCustom.html +372 -0
  93. data/assets/themes/j1/owl_carousel/demo/json.html +336 -0
  94. data/assets/themes/j1/owl_carousel/demo/json/customData.json +28 -0
  95. data/assets/themes/j1/owl_carousel/demo/json/data.json +18 -0
  96. data/assets/themes/j1/owl_carousel/demo/lazyLoad.html +338 -0
  97. data/assets/themes/j1/owl_carousel/demo/manipulations.html +515 -0
  98. data/assets/themes/j1/owl_carousel/demo/navOnTop.html +395 -0
  99. data/assets/themes/j1/owl_carousel/demo/navOnTop2.html +325 -0
  100. data/assets/themes/j1/owl_carousel/demo/one.html +318 -0
  101. data/assets/themes/j1/owl_carousel/demo/owlStatus.html +461 -0
  102. data/assets/themes/j1/owl_carousel/demo/progressBar.html +471 -0
  103. data/assets/themes/j1/owl_carousel/demo/randomOrder.html +416 -0
  104. data/assets/themes/j1/owl_carousel/demo/scaleup.html +328 -0
  105. data/assets/themes/j1/owl_carousel/demo/sync.html +569 -0
  106. data/assets/themes/j1/owl_carousel/demo/transitions.html +330 -0
  107. data/assets/themes/j1/owl_carousel/images/ajax-loader.gif +0 -0
  108. data/assets/themes/j1/owl_carousel/images/apple-touch-icon-114-precomposed.png +0 -0
  109. data/assets/themes/j1/owl_carousel/images/apple-touch-icon-144-precomposed.png +0 -0
  110. data/assets/themes/j1/owl_carousel/images/apple-touch-icon-57-precomposed.png +0 -0
  111. data/assets/themes/j1/owl_carousel/images/apple-touch-icon-72-precomposed.png +0 -0
  112. data/assets/themes/j1/owl_carousel/images/demo-slides/controls.png +0 -0
  113. data/assets/themes/j1/owl_carousel/images/demo-slides/css3.png +0 -0
  114. data/assets/themes/j1/owl_carousel/images/demo-slides/feather.png +0 -0
  115. data/assets/themes/j1/owl_carousel/images/demo-slides/grab.png +0 -0
  116. data/assets/themes/j1/owl_carousel/images/demo-slides/modern.png +0 -0
  117. data/assets/themes/j1/owl_carousel/images/demo-slides/multi.png +0 -0
  118. data/assets/themes/j1/owl_carousel/images/demo-slides/responsive.png +0 -0
  119. data/assets/themes/j1/owl_carousel/images/demo-slides/tons.png +0 -0
  120. data/assets/themes/j1/owl_carousel/images/demo-slides/touch.png +0 -0
  121. data/assets/themes/j1/owl_carousel/images/demo-slides/zombie.png +0 -0
  122. data/assets/themes/j1/owl_carousel/images/favicon.png +0 -0
  123. data/assets/themes/j1/owl_carousel/images/glyphicons-halflings-green.png +0 -0
  124. data/assets/themes/j1/owl_carousel/images/glyphicons-halflings-white.png +0 -0
  125. data/assets/themes/j1/owl_carousel/images/glyphicons-halflings.png +0 -0
  126. data/assets/themes/j1/owl_carousel/images/grabbing.png +0 -0
  127. data/assets/themes/j1/owl_carousel/images/owl-logo.png +0 -0
  128. data/assets/themes/j1/owl_carousel/images/owl.video.play.png +0 -0
  129. data/assets/themes/j1/owl_carousel/index.html +912 -0
  130. data/assets/themes/j1/owl_carousel/js/owl_carousel.js +1517 -0
  131. data/assets/themes/j1/owl_carousel/js/owl_carousel.min.js +57 -0
  132. data/assets/videos/gallery/example/video1-poster.jpg +0 -0
  133. data/assets/videos/gallery/example/video1-thumb.jpg +0 -0
  134. data/assets/videos/gallery/example/video1.mp4 +0 -0
  135. data/assets/videos/gallery/example/video2-poster.jpg +0 -0
  136. data/assets/videos/gallery/example/video2-thumb.jpg +0 -0
  137. data/assets/videos/gallery/example/video2.mp4 +0 -0
  138. data/assets/videos/gallery/example/video3-poster.jpg +0 -0
  139. data/assets/videos/gallery/example/video3-thumb.jpg +0 -0
  140. data/assets/videos/gallery/example/video3.mp4 +0 -0
  141. data/assets/videos/gallery/example/video4-poster.jpg +0 -0
  142. data/assets/videos/gallery/example/video4-thumb.jpg +0 -0
  143. data/assets/videos/gallery/example/video4.mp4 +0 -0
  144. data/exe/console +14 -0
  145. data/exe/setup +8 -0
  146. data/lib/j1m_gallery.rb +5 -0
  147. data/lib/j1m_gallery/version.rb +3 -0
  148. metadata +236 -0
@@ -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,14 @@
1
+ {
2
+ "name": "owl.carousel",
3
+ "version": "1.0.0",
4
+ "main": [
5
+ "./dist/owl.carousel.js"
6
+ ],
7
+ "dependencies": {
8
+ "jquery": ">= 1.8.3"
9
+ },
10
+ "devDependencies": {
11
+ "foundation": "5.2.2",
12
+ "qunit": "1.14.0"
13
+ }
14
+ }
@@ -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>