smoothslider 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/README.md +34 -34
- data/lib/smoothslider/version.rb +1 -1
- data/smoothslider.gemspec +0 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2ad25e04b0a51a7087552fe9055c9b6c3be98a28
|
4
|
+
data.tar.gz: d1b115d99fb9bc5981cd3747987e7966ea732331
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0e553eb8b261c2c19167ced39dcc758de52ff1862619c499eb69a5a511b3db88417bf13b796de392d2897bca72f38b89c9a7f7b6ec065dba5aba7832b423ad2f
|
7
|
+
data.tar.gz: eb58b9158b38d3414d2f07b7273667894a11646c2962d7db0af85273e8ba97d7f267d0e546612a762c382b224a994c09bb534f2ea52d3b3af9ed4c90e93bd64a
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -43,7 +43,7 @@ How to use:
|
|
43
43
|
```
|
44
44
|
2.Basic Slider
|
45
45
|
```html
|
46
|
-
<div class="
|
46
|
+
<div class="smoothslider">
|
47
47
|
<ul class="slides">
|
48
48
|
<li>
|
49
49
|
<img src="slide1.jpg" />
|
@@ -63,14 +63,14 @@ How to use:
|
|
63
63
|
```js
|
64
64
|
// Can also be used with $(document).ready()
|
65
65
|
$(window).load(function() {
|
66
|
-
$('.
|
66
|
+
$('.smoothslider').smoothslider({
|
67
67
|
animation: "slide"
|
68
68
|
});
|
69
69
|
});
|
70
70
|
```
|
71
71
|
3.Basic Slider customDirectionNav
|
72
72
|
```html
|
73
|
-
<div class="
|
73
|
+
<div class="smoothslider">
|
74
74
|
<ul class="slides">
|
75
75
|
<li>
|
76
76
|
<img src="slide1.jpg" />
|
@@ -95,7 +95,7 @@ $(window).load(function() {
|
|
95
95
|
```js
|
96
96
|
// Can also be used with $(document).ready()
|
97
97
|
$(window).load(function() {
|
98
|
-
$('.
|
98
|
+
$('.smoothslider').smoothslider({
|
99
99
|
animation: "slide",
|
100
100
|
controlsContainer: $(".custom-controls-container"),
|
101
101
|
customDirectionNav: $(".custom-navigation a")
|
@@ -104,7 +104,7 @@ $(window).load(function() {
|
|
104
104
|
```
|
105
105
|
4.Basic Slider with Simple Caption
|
106
106
|
```html
|
107
|
-
<div class="
|
107
|
+
<div class="smoothslider">
|
108
108
|
<ul class="slides">
|
109
109
|
<li>
|
110
110
|
<img src="slide1.jpg" />
|
@@ -141,14 +141,14 @@ $(window).load(function() {
|
|
141
141
|
```js
|
142
142
|
// Can also be used with $(document).ready()
|
143
143
|
$(window).load(function() {
|
144
|
-
$('.
|
144
|
+
$('.smoothslider').smoothslider({
|
145
145
|
animation: "slide"
|
146
146
|
});
|
147
147
|
});
|
148
148
|
```
|
149
149
|
5.Slider w/thumbnail controlNav pattern
|
150
150
|
```html
|
151
|
-
<div class="
|
151
|
+
<div class="smoothslider">
|
152
152
|
<ul class="slides">
|
153
153
|
<li data-thumb="slide1-thumb.jpg">
|
154
154
|
<img src="slide1.jpg" />
|
@@ -168,7 +168,7 @@ $(window).load(function() {
|
|
168
168
|
```js
|
169
169
|
// Can also be used with $(document).ready()
|
170
170
|
$(window).load(function() {
|
171
|
-
$('.
|
171
|
+
$('.smoothslider').smoothslider({
|
172
172
|
animation: "slide",
|
173
173
|
controlNav: "thumbnails"
|
174
174
|
});
|
@@ -176,7 +176,7 @@ $(window).load(function() {
|
|
176
176
|
```
|
177
177
|
6.Slider w/thumbnail slider
|
178
178
|
```html
|
179
|
-
<div id="slider" class="
|
179
|
+
<div id="slider" class="smoothslider">
|
180
180
|
<ul class="slides">
|
181
181
|
<li>
|
182
182
|
<img src="slide1.jpg" />
|
@@ -193,7 +193,7 @@ $(window).load(function() {
|
|
193
193
|
<!-- items mirrored twice, total of 12 -->
|
194
194
|
</ul>
|
195
195
|
</div>
|
196
|
-
<div id="carousel" class="
|
196
|
+
<div id="carousel" class="smoothslider">
|
197
197
|
<ul class="slides">
|
198
198
|
<li>
|
199
199
|
<img src="slide1.jpg" />
|
@@ -214,7 +214,7 @@ $(window).load(function() {
|
|
214
214
|
```js
|
215
215
|
$(window).load(function() {
|
216
216
|
// The slider being synced must be initialized first
|
217
|
-
$('#carousel').
|
217
|
+
$('#carousel').smoothslider({
|
218
218
|
animation: "slide",
|
219
219
|
controlNav: false,
|
220
220
|
animationLoop: false,
|
@@ -224,7 +224,7 @@ $(window).load(function() {
|
|
224
224
|
asNavFor: '#slider'
|
225
225
|
});
|
226
226
|
|
227
|
-
$('#slider').
|
227
|
+
$('#slider').smoothslider({
|
228
228
|
animation: "slide",
|
229
229
|
controlNav: false,
|
230
230
|
animationLoop: false,
|
@@ -236,7 +236,7 @@ $(window).load(function() {
|
|
236
236
|
```
|
237
237
|
7.Basic Carousel
|
238
238
|
```html
|
239
|
-
<div class="
|
239
|
+
<div class="smoothslider">
|
240
240
|
<ul class="slides">
|
241
241
|
<li>
|
242
242
|
<img src="slide1.jpg" />
|
@@ -256,7 +256,7 @@ $(window).load(function() {
|
|
256
256
|
```
|
257
257
|
```js
|
258
258
|
$(window).load(function() {
|
259
|
-
$('.
|
259
|
+
$('.smoothslider').smoothslider({
|
260
260
|
animation: "slide",
|
261
261
|
animationLoop: false,
|
262
262
|
itemWidth: 210,
|
@@ -266,7 +266,7 @@ $(window).load(function() {
|
|
266
266
|
```
|
267
267
|
8.Carousel With Min & Max Ranges
|
268
268
|
```html
|
269
|
-
<div class="
|
269
|
+
<div class="smoothslider">
|
270
270
|
<ul class="slides">
|
271
271
|
<li>
|
272
272
|
<img src="slide1.jpg" />
|
@@ -286,7 +286,7 @@ $(window).load(function() {
|
|
286
286
|
```
|
287
287
|
```js
|
288
288
|
$(window).load(function() {
|
289
|
-
$('.
|
289
|
+
$('.smoothslider').smoothslider({
|
290
290
|
animation: "slide",
|
291
291
|
animationLoop: false,
|
292
292
|
itemWidth: 210,
|
@@ -298,7 +298,7 @@ $(window).load(function() {
|
|
298
298
|
```
|
299
299
|
9.Carousel With Min & Max Ranges
|
300
300
|
```html
|
301
|
-
<div class="
|
301
|
+
<div class="smoothslider">
|
302
302
|
<ul class="slides">
|
303
303
|
<li>
|
304
304
|
<img src="slide1.jpg" />
|
@@ -321,7 +321,7 @@ $(window).load(function() {
|
|
321
321
|
|
322
322
|
// store the slider in a local variable
|
323
323
|
var $window = $(window),
|
324
|
-
|
324
|
+
smoothslider = { vars:{} };
|
325
325
|
|
326
326
|
// tiny helper function to add breakpoints
|
327
327
|
function getGridSize() {
|
@@ -334,7 +334,7 @@ $(window).load(function() {
|
|
334
334
|
});
|
335
335
|
|
336
336
|
$window.load(function() {
|
337
|
-
$('.
|
337
|
+
$('.smoothslider').smoothslider({
|
338
338
|
animation: "slide",
|
339
339
|
animationLoop: false,
|
340
340
|
itemWidth: 210,
|
@@ -348,14 +348,14 @@ $(window).load(function() {
|
|
348
348
|
$window.resize(function() {
|
349
349
|
var gridSize = getGridSize();
|
350
350
|
|
351
|
-
|
352
|
-
|
351
|
+
smoothslider.vars.minItems = gridSize;
|
352
|
+
smoothslider.vars.maxItems = gridSize;
|
353
353
|
});
|
354
354
|
}());
|
355
355
|
```
|
356
356
|
10.Video & the api (vimeo)
|
357
357
|
```html
|
358
|
-
<div class="
|
358
|
+
<div class="smoothslider">
|
359
359
|
<ul class="slides">
|
360
360
|
<li>
|
361
361
|
<iframe id="player_1" src="https://player.vimeo.com/video/39683393?api=1&player_id=player_1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
|
@@ -391,18 +391,18 @@ $(window).load(function() {
|
|
391
391
|
function ready(player_id) {
|
392
392
|
var froogaloop = $f(player_id);
|
393
393
|
froogaloop.addEvent('play', function(data) {
|
394
|
-
$('.
|
394
|
+
$('.smoothslider').smoothslider("pause");
|
395
395
|
});
|
396
396
|
froogaloop.addEvent('pause', function(data) {
|
397
|
-
$('.
|
397
|
+
$('.smoothslider').smoothslider("play");
|
398
398
|
});
|
399
399
|
}
|
400
400
|
|
401
401
|
|
402
|
-
// Call fitVid before
|
403
|
-
$(".
|
402
|
+
// Call fitVid before smoothslider initializes, so the proper initial height can be retrieved.
|
403
|
+
$(".smoothslider")
|
404
404
|
.fitVids()
|
405
|
-
.
|
405
|
+
.smoothslider({
|
406
406
|
animation: "slide",
|
407
407
|
useCSS: false,
|
408
408
|
animationLoop: false,
|
@@ -415,7 +415,7 @@ $(window).load(function() {
|
|
415
415
|
```
|
416
416
|
11.Video & the api (wistia)
|
417
417
|
```html
|
418
|
-
<div class="
|
418
|
+
<div class="smoothslider">
|
419
419
|
<ul class="slides">
|
420
420
|
<li>
|
421
421
|
<iframe id="player_1" src="http://fast.wistia.com/embed/iframe/t4yniozocs?controlsVisibleOnLoad=true&playerColor=474745&version=v1&videoHeight=366&videoWidth=650&volumeControl=true&videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" width="650" height="366"></iframe>
|
@@ -438,10 +438,10 @@ $(window).load(function() {
|
|
438
438
|
// Wistia handler.
|
439
439
|
wistiaEmbed = document.getElementById( 'player_1' ).wistiaApi;
|
440
440
|
|
441
|
-
// Call fitVid before
|
442
|
-
$( '.
|
441
|
+
// Call fitVid before smoothslider initializes, so the proper initial height can be retrieved.
|
442
|
+
$( '.smoothslider' )
|
443
443
|
.fitVids()
|
444
|
-
.
|
444
|
+
.smoothslider({
|
445
445
|
animation: 'slide',
|
446
446
|
useCSS: false,
|
447
447
|
animationLoop: false,
|
@@ -455,11 +455,11 @@ $(window).load(function() {
|
|
455
455
|
});
|
456
456
|
|
457
457
|
wistiaEmbed.bind( 'play', function() {
|
458
|
-
jQuery( '.
|
458
|
+
jQuery( '.smoothslider' ).smoothslider( 'pause' );
|
459
459
|
});
|
460
460
|
|
461
461
|
wistiaEmbed.bind( 'end', function() {
|
462
|
-
jQuery( '.
|
462
|
+
jQuery( '.smoothslider' ).smoothslider( 'play' );
|
463
463
|
});
|
464
464
|
});
|
465
465
|
```
|
@@ -479,4 +479,4 @@ The gem is available as open source under the terms of the [MIT License](https:/
|
|
479
479
|
|
480
480
|
## Code of Conduct
|
481
481
|
|
482
|
-
Everyone interacting in the
|
482
|
+
Everyone interacting in the smoothslider project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/arjunghimire/smoothslider/blob/master/CODE_OF_CONDUCT.md).
|
data/lib/smoothslider/version.rb
CHANGED
data/smoothslider.gemspec
CHANGED