Skip to content

Commit 23d577a

Browse files
author
Scott Tolksdorf
committed
Merge branch 'gh-pages' of github.com:stolksdorf/Parallaxjs
Conflicts: demo/index.css demo/index.js parallax.js parallax.min.js
2 parents 229da59 + 8529159 commit 23d577a

21 files changed

+1073
-398
lines changed

demo/assets/Classy Skaught.jpg

28.7 KB
Loading

demo/assets/LeagueGothic.otf

16.9 KB
Binary file not shown.

demo/assets/arrowbottom.png

4.67 KB
Loading

demo/assets/arrowbottom2.png

6.87 KB
Loading

demo/assets/arrowleft.png

5.43 KB
Loading

demo/assets/arrowleft2.png

7.7 KB
Loading

demo/assets/arrowright.png

5.43 KB
Loading

demo/assets/arrowright2.png

7.75 KB
Loading

demo/assets/arrowtop.png

4.25 KB
Loading

demo/assets/arrowtop2.png

6.82 KB
Loading

demo/assets/brushed_alu.png

10.8 KB
Loading

demo/assets/dark_geometric.png

817 Bytes
Loading

demo/assets/dark_geometric2.png

3.92 KB
Loading

demo/examples.js

+67
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
2+
3+
var rightCode = "parallax.speed = 2000;\n\nparallax.boo.right();";
4+
var topCode = "parallax.scaling = 'linear';\n\nparallax.boo.top();"
5+
var leftCode ="parallax.scaling = 0.9;\n\nparallax.boo.left();";
6+
var bottomCode ="parallax.boo.onload = function(){\n\talert('Awesome alert buddy. Truly spectacular.');\n});\n\nparallax.boo.bottom();";
7+
var lastCode="parallax.last.bottom();"
8+
var currentCode="parallax.current.ackbar(); ////What is it? "
9+
10+
$(document).ready(function () {
11+
12+
$("#boo").click(function(){
13+
//clear away all the modifers
14+
parallax.speed = 800;
15+
parallax.easing = 'swing';
16+
parallax.scaling = 0.15;
17+
parallax.boo.onload = function(){};
18+
//Randomly picks a direction to head back too
19+
var rand =Math.floor(Math.random()*4)
20+
if(rand == 0) parallax.sandbox.top();
21+
else if(rand == 1) parallax.sandbox.left();
22+
else if(rand == 2) parallax.sandbox.right();
23+
else parallax.sandbox.bottom();
24+
});
25+
26+
$("#fromLast").click(function(){
27+
parallax.last.bottom();
28+
}).hover(function(){
29+
$("#codebox").html(lastCode);
30+
});
31+
32+
$("#fromCurrent").click(function(){
33+
parallax.current.ackbar();
34+
}).hover(function(){
35+
$("#codebox").html(currentCode);
36+
});
37+
38+
$("#fromRight").click(function(){
39+
parallax.speed = 2000;
40+
parallax.boo.right();
41+
}).hover(function(){
42+
$("#codebox").html(rightCode);
43+
});
44+
45+
$("#fromTop").click(function(){
46+
parallax.scaling = 'linear';
47+
parallax.boo.top();
48+
}).hover(function(){
49+
$("#codebox").html(topCode);
50+
});
51+
52+
$("#fromLeft").click(function(){
53+
parallax.scaling = 0.9;
54+
parallax.boo.left();
55+
}).hover(function(){
56+
$("#codebox").html(leftCode);
57+
});
58+
59+
$("#fromBottom").click(function(){
60+
parallax.boo.onload = function(){
61+
alert("Awesome alert buddy. Truly spectacular.");
62+
};
63+
parallax.boo.bottom();
64+
}).hover(function(){
65+
$("#codebox").html(bottomCode);
66+
});
67+
});

demo/index.css

+93-94
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,93 @@
1-
body{
2-
overflow:hidden;
3-
}
4-
5-
.background{
6-
background-image: url(dark_geometric.png);
7-
}
8-
9-
.noanchor:link, .noanchor:visited, .noanchor:active {
10-
text-decoration: none;
11-
color:white;
12-
}
13-
14-
.page{
15-
width:100%;
16-
height:100%;
17-
}
18-
19-
#logo{
20-
left:10px;
21-
top:0px;
22-
}
23-
24-
#content{
25-
height:100%;
26-
overflow-y: scroll;
27-
overflow-x: hidden;
28-
background-image: url(brushed_alu.png);
29-
30-
}
31-
32-
.jscode{
33-
background-color:white;
34-
font-family:"Courier New",Courier,monospace;
35-
width:600px;
36-
margin-left:40px;
37-
padding:10 15 10 15;
38-
-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
39-
}
40-
41-
p{
42-
margin-left:10px;
43-
font-family:Calibri;
44-
font-size:15px;
45-
margin-bottom:15px;
46-
}
47-
48-
#titlebox{
49-
position:absolute;
50-
left:40%;
51-
top:100px;
52-
width:650px;
53-
height:500px;
54-
55-
}
56-
57-
#codebox{
58-
margin-top:20px;
59-
background-color:white;
60-
font-family:"Courier New",Courier,monospace;
61-
width:500px;
62-
height:100px;
63-
margin-left:40px;
64-
padding:10 15 10 15;
65-
-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
66-
}
67-
68-
.arrow{
69-
opacity:0.2;
70-
}
71-
72-
.dirText{
73-
color:white;
74-
font-size:40px;
75-
margin-top:45px;
76-
opacity:0.0;
77-
}
78-
79-
.control{
80-
position:fixed;
81-
width:170px;
82-
cursor:pointer;
83-
}
84-
85-
#rightControl{
86-
right:0px;
87-
top:40%;
88-
}
89-
90-
#leftControl{
91-
left:0px;
92-
top:40%;
93-
}
94-
1+
body{
2+
overflow:hidden;
3+
}
4+
5+
.background{
6+
background-image: url(assets/dark_geometric2.png);
7+
}
8+
9+
.noanchor:link, .noanchor:visited, .noanchor:active {
10+
text-decoration: none;
11+
color:white;
12+
}
13+
14+
.page{
15+
width:100%;
16+
height:100%;
17+
}
18+
19+
#logo{
20+
left:10px;
21+
top:0px;
22+
}
23+
24+
#content{
25+
height:100%;
26+
overflow-y: scroll;
27+
overflow-x: hidden;
28+
background-image: url(assets/brushed_alu.png);
29+
30+
}
31+
32+
.jscode{
33+
background-color:white;
34+
font-family:"Courier New",Courier,monospace;
35+
width:600px;
36+
margin-left:40px;
37+
padding:10 15 10 15;
38+
-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
39+
}
40+
41+
p{
42+
margin-left:10px;
43+
font-family:Calibri;
44+
font-size:15px;
45+
margin-bottom:15px;
46+
}
47+
48+
#titlebox{
49+
position:absolute;
50+
left:40%;
51+
top:100px;
52+
width:650px;
53+
height:500px;
54+
55+
}
56+
57+
#codebox{
58+
margin-top:20px;
59+
background-color:white;
60+
font-family:"Courier New",Courier,monospace;
61+
width:500px;
62+
height:100px;
63+
margin-left:40px;
64+
padding:10 15 10 15;
65+
-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5x 5px #888;
66+
}
67+
68+
.arrow{
69+
opacity:0.2;
70+
}
71+
72+
.dirText{
73+
color:white;
74+
font-size:40px;
75+
margin-top:45px;
76+
opacity:0.0;
77+
}
78+
79+
.control{
80+
position:fixed;
81+
width:170px;
82+
cursor:pointer;
83+
}
84+
85+
#rightControl{
86+
right:0px;
87+
top:40%;
88+
}
89+
90+
#leftControl{
91+
left:0px;
92+
top:40%;
93+
}

0 commit comments

Comments
 (0)