SCompimg/index.html at master · skinod/SCompimg · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="stylesheets/scompimg.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js?load=effects"></script>
	<script type="text/javascript" src="javascripts/scompimg.js"></script>
    <title>SCompimg by skinod</title>
  </head>

  <body>
    <div id="container">
      <div class="inner">

        <header>
          <h1>SCompimg</h1>
          <h2>Before/After With prototype and scriptaculous.</h2>
        </header>

        <section id="downloads" class="clearfix">
          <a href="https://github.com/skinod/SCompimg/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
          <a href="https://github.com/skinod/SCompimg/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
          <a href="https://github.com/skinod/SCompimg/tree/master" id="view-on-github" class="button"><span>View on GitHub</span></a>
        </section>

        <hr>

        <section id="main_content">
          <h1><a name="SCompimg" class="anchor" href="#SCompimg"><span class="octicon octicon-link"></span></a>SCompimg</h1>

			<p>SCompimg is an script for compare two image (after and before of image). this script written in javascript with prototype and scriptaculous library.</p>

			<br>

			<h2>Example 1:</h2>
			<div id='scomp_1'></div>
			<script>
				var scomp_1 = new scompimg($("scomp_1"), {fimg: 'images/a.png', simg: 'images/b.png', width:500, height: 500, atxt: "Show A", btxt: "Show B"});
			</script>
			<h3>Example 1:</h3>
			<pre>var scomp_1 = new scompimg($("scomp_1"), {fimg: 'images/a.png', simg: 'images/b.png', width:500, height: 500, atxt: "Show A", btxt: "Show B"});</pre>
			<hr>

			<h2>Example 2:</h2>
			<div id='scomp_2'></div>
			<script>
				var scomp_2 = new scompimg($("scomp_2"), {fimg: 'images/pig0.png', simg: 'images/pig1.png', width:750, height: 500 });
			</script>
			<h3>Example 2:</h3>
			<pre>var scomp_2 = new scompimg($("scomp_2"), {fimg: 'images/pig0.png', simg: 'images/pig1.png', width:750, height: 500 });</pre>

        </section>

        <footer>
          SCompimg is maintained by <a href="https://github.com/skinod">skinod</a><br>
          This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.
        </footer>


      </div>
    </div>
  </body>
</html>