volt-slider 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -8
- data/app/slider/assets/css/slider.sass +0 -7
- data/app/slider/controllers/main_controller.rb +6 -4
- data/app/slider/views/main/index.html +3 -2
- data/lib/volt/slider/version.rb +1 -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: a332f2dd2e682d9cb1c093cbbf1ef52fe4ad5cab
|
4
|
+
data.tar.gz: cc61f9ade3e1d6707bf1b31c3f103a00f21443e2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8df6cec1d5c7357447da7b17ed748926624d8c9889603daa952fc816867cb7f980caa831be46dec9773b5f64ef4d3f07b2ac017b85d690142727132108fa5bd1
|
7
|
+
data.tar.gz: 2094eea3acbcf0558cd6b9cb9823b75dc73811855d9af3daaeb8245e19aaa3167312f3e1db703a662d35437ef7e7b9865a6b4aa746aad7279944748d01569019
|
data/README.md
CHANGED
@@ -45,23 +45,18 @@ css:
|
|
45
45
|
}
|
46
46
|
|
47
47
|
## Configuration
|
48
|
-
Sass variables
|
49
|
-
|
50
|
-
defaults:
|
51
|
-
|
52
|
-
$slider_visible_width:'800px' !default
|
53
|
-
$slider_visible_height: '260px' !default
|
54
|
-
$slider_container_length: '2400px' !default
|
55
48
|
|
56
49
|
Attributes
|
57
50
|
|
58
51
|
defaults:
|
59
52
|
|
60
53
|
interval_time: 3000, #interval between moves in ms
|
61
|
-
move_length: 800, #in pixels
|
62
54
|
transtion_time: 700,
|
63
55
|
leftmost_point: -1600, #if container moved farther than that it's reset to zero - showing first slide
|
64
56
|
stop_on_mouseover: true
|
57
|
+
css_visible_width: 800
|
58
|
+
css_visible_height: 260px
|
59
|
+
css_container_length: 9999
|
65
60
|
|
66
61
|
|
67
62
|
## Contributing
|
@@ -1,16 +1,9 @@
|
|
1
|
-
$slider_visible_width: 800px !default
|
2
|
-
$slider_visible_height: 260px !default
|
3
|
-
$slider_container_length: 2400px !default
|
4
|
-
|
5
1
|
.slider-viewport
|
6
|
-
height: $slider_visible_height
|
7
|
-
width: $slider_visible_width
|
8
2
|
overflow: hidden
|
9
3
|
position: relative
|
10
4
|
|
11
5
|
.slider-container
|
12
6
|
position: relative
|
13
|
-
width: $slider_container_length
|
14
7
|
left: 0px
|
15
8
|
height: 100%
|
16
9
|
|
@@ -9,10 +9,12 @@ module Slider
|
|
9
9
|
def default_options
|
10
10
|
{
|
11
11
|
interval_time: 3000, #interval between moves in ms
|
12
|
-
move_length: 800, #in pixels
|
13
12
|
transition_time: 700,
|
14
13
|
leftmost_point: -1600, #if container moved farther than that it's reset to zero - showing first slide
|
15
|
-
stop_on_mouseover: true
|
14
|
+
stop_on_mouseover: true,
|
15
|
+
css_visible_width: 800,
|
16
|
+
css_visible_height: 260,
|
17
|
+
css_container_length: 9999
|
16
18
|
}
|
17
19
|
end
|
18
20
|
|
@@ -29,8 +31,8 @@ module Slider
|
|
29
31
|
def move
|
30
32
|
if RUBY_PLATFORM == 'opal'
|
31
33
|
el = Element.find('.slider-container')
|
32
|
-
moveto = el.css('left').to_i - @
|
33
|
-
if moveto < @leftmost_point
|
34
|
+
moveto = el.css('left').to_i - @css_visible_width.to_i
|
35
|
+
if moveto < @leftmost_point.to_i
|
34
36
|
moveto = 0
|
35
37
|
end
|
36
38
|
el.animate({left: moveto, speed: @transition_time })
|
@@ -1,6 +1,7 @@
|
|
1
|
+
|
1
2
|
<:Body>
|
2
|
-
<div class="slider-viewport" >
|
3
|
-
<div class="slider-container">
|
3
|
+
<div class="slider-viewport" style="height: {{ @css_visible_height }}px; width: {{ @css_visible_width }}px;">
|
4
|
+
<div class="slider-container" style="width: {{ @css_container_length }}px;">
|
4
5
|
|
5
6
|
|
6
7
|
{{ yield }}
|
data/lib/volt/slider/version.rb
CHANGED