c80_wslider2 0.1.0.3 → 0.1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
};
|