-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (63 loc) · 3.04 KB
/
index.html
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Home</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Home</h1>
<h3> </h3>
<section>
<article><h1>Image Input Preview (<a href="https://jsfiddle.net/Zenoo0/y8v52wpd/">Demo</a>)</h1><p>Display a preview for your image inputs easily</p>
<h3>Doc</h3><ul>
<li><strong>Installation</strong></li>
</ul>
<p>Simply import image-input-preview into your HTML.</p>
<pre class="prettyprint source"><code><link rel="stylesheet" type="text/css" href="https://gitcdn.link/repo/Zenoo/image-input-preview/master/ImageInputPreview.min.css">
<script src="https://gitcdn.link/repo/Zenoo/image-input-preview/master/ImageInputPreview.min.js"></script> </code></pre><ul>
<li><strong>Documentation</strong></li>
</ul>
<p>See the offical <a href="https://zenoo.github.io/image-input-preview/ImageInputPreview.html">documentation</a> for more in-depth informations.</p>
<ul>
<li><strong>How to use</strong></li>
</ul>
<p>You can either use data attributes or the <code>ImageInputAttribute</code> class to initialyze your inputs:</p>
<pre class="prettyprint source"><code><input type="file" accept="image/*" data-preview="https://link.to.your.preview.net">
// OR
let preview = new ImageInputPreview(input, {
preview: 'https://link.to.your/preview.png', // Optional | Preview displayed
uploadIcon: 'https://link.to.your.upload/icon.png', // Optional | Icon used when no preview is displayed
lang: 'en', // Optional | Language used
dictionary: null // Optional | Allow for custom language
});</code></pre><ul>
<li><strong>Methods</strong></li>
</ul>
<p>See the <a href="https://zenoo.github.io/image-input-preview/ImageInputPreview.html">documentation</a> for the method definitions.</p>
<ul>
<li><strong>Example</strong></li>
</ul>
<p>See this <a href="https://jsfiddle.net/Zenoo0/y8v52wpd/">JSFiddle</a> for a working example</p>
<h2>Authors</h2><ul>
<li><strong>Zenoo</strong> - <em>Initial work</em> - <a href="http://zenoo.fr">Zenoo.fr</a></li>
</ul></article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="ImageInputPreview.html">ImageInputPreview</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Dec 14 2018 09:18:25 GMT+0100 (Romance Standard Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>