Skip to content

Commit b385bd9

Browse files
author
Trevor Davis
committed
v0.1 of plugin
1 parent 2f36d54 commit b385bd9

File tree

8 files changed

+361
-0
lines changed

8 files changed

+361
-0
lines changed

Diff for: ‎README

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
A light-weight presentation plugin to use in place of Keynote or Powerpoint. Use the right and left keys, the previous & next buttons, or the actual page links to navigate through the slides.
2+
3+
Sample Usage:
4+
5+
<div id="slides">
6+
<div class="slide">
7+
Slide 1
8+
</div>
9+
<div class="slide">
10+
Slide 2
11+
</div>
12+
<div class="slide">
13+
Slide 3
14+
</div>
15+
</div>
16+
17+
$('#slides').presentation({
18+
slide: '.slide',
19+
pagerClass: 'nav-pager',
20+
prevNextClass: 'nav-prev-next',
21+
prevText: 'Previous',
22+
nextText: 'Next'
23+
});

Diff for: ‎images/structure/bg-body.png

6.38 KB
Loading

Diff for: ‎index.htm

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html class="no-js">
3+
<head>
4+
<title>jQuery Presentation Plugin</title>
5+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
6+
<script type="text/javascript">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
7+
<link href="stylesheets/screen.css" type="text/css" rel="stylesheet" media="Screen,projection" />
8+
</head>
9+
<body>
10+
<div id="header">
11+
<div class="container">
12+
<h1>jQuery Presentation Plugin</h1>
13+
</div>
14+
</div>
15+
16+
<div id="content">
17+
<div id="slides">
18+
<div class="slide">
19+
<h2>Slide 1</h2>
20+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
21+
<ul>
22+
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</li>
23+
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
24+
<li>Here is a short list item</li>
25+
</ul>
26+
27+
</div>
28+
<div class="slide">
29+
<h2>Slide 2</h2>
30+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
31+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
32+
</div>
33+
<div class="slide">
34+
<h2>Slide 3</h2>
35+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
36+
</div>
37+
<div class="slide">
38+
<h2>Slide 4</h2>
39+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
40+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
41+
</div>
42+
<div class="slide">
43+
<h2>Slide 5</h2>
44+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
45+
</div>
46+
</div>
47+
</div>
48+
49+
<div id="footer">
50+
<div class="container">
51+
&copy; 2010 Trevor Davis Viget Labs
52+
</div>
53+
</div>
54+
<script type="text/javascript" src="scripts/jquery.js"></script>
55+
<script type="text/javascript" src="scripts/jquery.presentation.js"></script>
56+
<script type="text/javascript" src="scripts/global.js"></script>
57+
</body>
58+
</html>

Diff for: ‎scripts/global.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
$(document).ready(function(){
2+
$('#slides').presentation();
3+
});

0 commit comments

Comments
 (0)