smoothslider 1.0.0 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- 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