c80_wslider2 0.1.0.3 → 0.1.0.4
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/app/assets/javascripts/c80_wslider2/components/paralaxer.js +51 -0
- data/app/assets/javascripts/c80_wslider2/wslider2.js +1 -1
- data/app/assets/stylesheets/c80_wslider2/wslider2.scss +1 -0
- data/lib/c80_wslider2/version.rb +1 -1
- metadata +3 -3
- data/app/assets/javascripts/c80_wslider2/components/wloader/paralaxer.js +0 -16
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d1f9e30864b5e9e949341061f4e025fea5ab0ee7
|
|
4
|
+
data.tar.gz: 979db653a7231ab62989d4259f66f8a61d47cf36
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 24135ed3447a79064df69930b75f2323e8dc3ba314ed2cab86a6f0fc692ddc85116ac94bdc812535716839e3784a7bacb877de10d9f5a16b479517dc907cb87a
|
|
7
|
+
data.tar.gz: 1380757a88597acd2d066263fe0aca597b7fec4104f8ff6d611e812189d2e947ee658a76457b1dd5557a0b769b7b8d13a94974315f04cfcab1d7d942f7710416
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* добавляем фичу "изменение background-position-y при скролле"
|
|
5
|
+
*
|
|
6
|
+
* @param p_$wimages
|
|
7
|
+
* @param p_$wrapper
|
|
8
|
+
* @constructor
|
|
9
|
+
*/
|
|
10
|
+
var Paralaxer = function (p_$wimages, p_$wrapper) {
|
|
11
|
+
|
|
12
|
+
var _scrollIntervalID;
|
|
13
|
+
var _used_window_scroll;
|
|
14
|
+
|
|
15
|
+
var _fCheckAndDoScroll = function() {
|
|
16
|
+
|
|
17
|
+
var curr_window_scroll = window.scrollY;
|
|
18
|
+
|
|
19
|
+
if (_used_window_scroll != curr_window_scroll) {
|
|
20
|
+
_used_window_scroll = curr_window_scroll;
|
|
21
|
+
|
|
22
|
+
var document_scrolltop = $(document).scrollTop();
|
|
23
|
+
var wrapper_scrolltop = p_$wrapper.offset().top;//[0].scrollTop;
|
|
24
|
+
var wrapper_height = p_$wrapper.height();
|
|
25
|
+
|
|
26
|
+
//console.log("document_scrolltop: " + document_scrolltop);
|
|
27
|
+
//console.log("wrapper scroll top: " + wrapper_scrolltop);
|
|
28
|
+
//console.log("wrapper height: " + wrapper_height);
|
|
29
|
+
|
|
30
|
+
if (document_scrolltop < wrapper_scrolltop + wrapper_height) {
|
|
31
|
+
//console.log('<EXE>');
|
|
32
|
+
//p_$wimages.css('background-position-y', "-"+parseInt(document_scrolltop/2)+'px');
|
|
33
|
+
var style_transform = 'translate3d(0px,' + (-curr_window_scroll/3) + 'px, 0px)';
|
|
34
|
+
p_$wimages.css('transform', style_transform);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var _fInit = function (p_$wimages, p_$wrapper) {
|
|
42
|
+
|
|
43
|
+
//$(document).on('scroll', _fCheckAndDoScroll);
|
|
44
|
+
|
|
45
|
+
_scrollIntervalID = setInterval(_fCheckAndDoScroll, 10);
|
|
46
|
+
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
_fInit(p_$wimages, p_$wrapper);
|
|
50
|
+
|
|
51
|
+
};
|
|
@@ -82,7 +82,7 @@ var Wslider2 = function (options) {
|
|
|
82
82
|
);
|
|
83
83
|
|
|
84
84
|
// добавляем параллакс
|
|
85
|
-
_parallaxer = new Paralaxer(_$wimages);
|
|
85
|
+
_parallaxer = new Paralaxer(_$wimages, _$wrapper);
|
|
86
86
|
|
|
87
87
|
// если фреймов более 1 - добавляем иконку "кликните левой мышкой для смены кадра"
|
|
88
88
|
if (_images.length > 1) {
|
data/lib/c80_wslider2/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: c80_wslider2
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.0.
|
|
4
|
+
version: 0.1.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- C80609A
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-10-
|
|
11
|
+
date: 2016-10-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -69,9 +69,9 @@ files:
|
|
|
69
69
|
- app/assets/images/left_click_icon.png
|
|
70
70
|
- app/assets/images/left_click_icon_white.png
|
|
71
71
|
- app/assets/javascripts/c80_wslider2.js.coffee
|
|
72
|
+
- app/assets/javascripts/c80_wslider2/components/paralaxer.js
|
|
72
73
|
- app/assets/javascripts/c80_wslider2/components/wloader.js
|
|
73
74
|
- app/assets/javascripts/c80_wslider2/components/wloader/left_click_icon.js
|
|
74
|
-
- app/assets/javascripts/c80_wslider2/components/wloader/paralaxer.js
|
|
75
75
|
- app/assets/javascripts/c80_wslider2/components/wloader/preloader.js
|
|
76
76
|
- app/assets/javascripts/c80_wslider2/components/wloader/shower.js
|
|
77
77
|
- app/assets/javascripts/c80_wslider2/wslider2.js
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// добавляем фичу "изменение background-position-y при скролле"
|
|
2
|
-
|
|
3
|
-
var Paralaxer = function (_$wimages) {
|
|
4
|
-
|
|
5
|
-
var _fInit = function (_$wimages) {
|
|
6
|
-
|
|
7
|
-
$(document).on('scroll', function(){
|
|
8
|
-
var xx = $(this).scrollTop();
|
|
9
|
-
_$wimages.css('background-position-y', "-"+parseInt(xx/2)+'px');
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
_fInit(_$wimages);
|
|
15
|
-
|
|
16
|
-
};
|