Skip to content

Commit e66bc46

Browse files
csexperioncsexperion
committed
Demo added
1 parent 7cc84cc commit e66bc46

File tree

7 files changed

+5069
-0
lines changed

7 files changed

+5069
-0
lines changed

‎README.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,13 @@ jQuery Text Over Plugin
44
Add your text over the images using this jQuery plugin.
55
-----------------------
66

7+
Click on the top of the image and type the text. For add another one click and write again. Esc will remove your last typed text.
8+
9+
---
10+
711
Version - 0.1
812
Release date - 26 Dec 2013
913
Author - Satheesh Chandrasekhar
1014

15+
---
16+

‎demo/index.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>jQuery Text Over Demo</title>
5+
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
6+
7+
<script src="media/jquery.min.js"></script>
8+
<script src="../jquery.textover.js"></script>
9+
<script type="text/javascript">
10+
jQuery(function($){
11+
12+
// How easy is this??
13+
$('#target').TextOver();
14+
15+
});
16+
17+
</script>
18+
<link rel="stylesheet" href="media/main.css" type="text/css" />
19+
<link rel="stylesheet" href="media/demos.css" type="text/css" />
20+
21+
</head>
22+
<body>
23+
24+
<div class="container">
25+
<div class="row">
26+
<div class="span12">
27+
<div class="demo-box">
28+
29+
<div class="page-header">
30+
31+
<h1>jQuery Text Over</h1>
32+
</div>
33+
34+
<img src="media/vagamon.jpg" id="target" alt="[Text Over Example]" />
35+
36+
<div class="description">
37+
<p>
38+
<b>This example demonstrates the default behavior of jQuery Text Over.</b><br />
39+
Click on the top of the image and type the text. For add another one click and write again. Esc will remove your last typed text.
40+
</p>
41+
</div>
42+
43+
<div class="clearfix"></div>
44+
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
50+
</body>
51+
</html>
52+

‎demo/media/demos.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
.demo-box {
2+
text-align: left;
3+
margin: 2em auto;
4+
background: white;
5+
border: 1px #bbb solid;
6+
-webkit-border-radius: 4px;
7+
-moz-border-radius: 4px;
8+
border-radius: 4px;
9+
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
10+
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
11+
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
12+
padding: 1em 2em 2em;
13+
}

‎demo/media/jquery.min.js‎

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)